/*
===============================================================================
RESET DEFAULTS AND BROWSER STANDARDISATION
===============================================================================
*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, canvas {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
/* Enable border-box sizing model for fluid sizing, responsive layout simplicity.
Add htc to site root and behaviour to CSS for IE6/7 */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
article, aside, figure, footer, header, hgroup, nav, section {
display: block; }
audio, video, canvas {
display: inline-block; }
/* Responsive images and other embedded objects
Note: keeping IMG here will cause problems when using foreground images as sprites. */
img,
object,
embed {
max-width: 100%; }
/* 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 7/8/9, Firefox 3, and Safari 4.
Known issue: no IE 6 support. */
[hidden] {
display: none; }
/* force a vertical scrollbar to prevent a jumpy page, and text size adjust fix when changing page orientation */
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
/*
==========================
quotes
==========================
*/
blockquote, q {
quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none; }
/*
==========================
links
==========================
*/
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
a:hover, a:focus, a:active {
outline: none; }
/*
==========================
marked up copy
==========================
*/
del {
text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted #333333;
cursor: help; }
/*
==========================
tables
==========================
*/
table {
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
font: 100%; }
th {
font-weight: bold;
vertical-align: bottom; }
td {
font-weight: normal;
vertical-align: top; }
td img {
vertical-align: top; }
/*
==========================
forms
==========================
*/
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline; }
button, input {
line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button; }
input[type="radio"] {
vertical-align: text-bottom; }
input[type="checkbox"] {
vertical-align: bottom; }
textarea {
resize: none; }
/* clickable elements */
.clickable,
label,
input[type="button"],
input[type="submit"],
button {
cursor: pointer; }
button[disabled],
input[disabled] {
cursor: default; }
/* mozilla input centering fix */
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
margin: 0; }
/* removal of default glow colour to input fields */
input:focus,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
outline: none;
outline: 0; }
@media (min-width: 790px) {
input:hover {
outline: none;
outline: 0; } }
/* removal of webkit styling on certain form fields */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none; }
/* removal of default invalid field shadow and glow on HTML5 form error */
:-moz-submit-invalid {
box-shadow: none; }
:-moz-ui-invalid {
box-shadow: none; }
/*
==========================
pre copy
==========================
*/
pre {
white-space: pre;
/* CSS2 */
white-space: pre-wrap;
/* CSS 2.1 */
white-space: pre-line;
/* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word;
/* IE */ }
/*
==========================
character styles
==========================
*/
small {
font-size: 85%; }
strong, b, th {
font-weight: bold; }
/*
==========================
sub / superscript
==========================
*/
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/*
==========================
monospaced elements
==========================
*/
pre, code, kbd, samp {
font-family: monospace, sans-serif; }
/*
==========================
lightweight clearfix
==========================
*/
.cf:before,
.cf:after {
content: "";
display: table; }
.cf:after {
clear: both; }
/*
==========================
visibility options
==========================
*/
.hidden {
display: none !important;
visibility: hidden; }
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
.invisible {
visibility: hidden; }
/* BRAND COLOURS */
/* BREAKPOINTS */
/* THEME COLOURS */
/* DIMENSIONS */
/* FONTS */
/* transition
* ==========
* Generates CSS cross-browser transition rules.
*
* @param $args Transition arguments.
*/
/* truncateParahraph
* =================
* Truncates paragraph to set number of rows.
*
* @param $rows Number of rows.
*/
/* hyphenate
* =========
* Generates CSS cross-browser hyphens rules.
*/
/* transform
* =========
* Generates CSS cross-browser transform rules.
*
* @param $args Transform arguments.
*/
/* tileBoxShadow
* =============
* Tile glow hover effect used in feature tiles and other tile components.
*
* @param $strength Box shadow strength.
*/
/* noBoxShadow
* ===========
* Removes any element box shadow.
*/
/* disableUserSelect
* =================
* Disables user cursor selection.
*/
/* elementHover
* ===========
* Removes any element box shadow.
*
* @param $opacity Element opacity.
*/
/* linkStyles
* ==========
* Standardises hyperlink behaviour.
*
* @param $linkColour Link colour.
* @param $linkHoverColour Link hover colour.
* @param $linkHoverBorderColour Link hover border colour.
*/
/* heading
* ==========
* Common heading styles.
*/
/* imageZoomEffect
* ==========
* Generates the image zoom effect on hover that's used in feature tiles for example.
*/
/* heading
* ==========
* Common landing page sitemap styles.
*/
/* Downloaded from https://fonts.google.com/specimen/Source+Sans+Pro */
/* Webfont generated by https://www.fontsquirrel.com/tools/webfont-generator */
/* EOT/SVG formats exported with https://everythingfonts.com/font-face */
/* Source Sans Pro - Light */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.woff2") format("woff");
font-weight: 300;
font-style: normal; }
/* Source Sans Pro - Light Italic */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.woff2") format("woff");
font-weight: 300;
font-style: italic; }
/* Source Sans Pro - Regular */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.woff2") format("woff");
font-weight: normal;
font-style: normal; }
/* Source Sans Pro - Regular Italic */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.woff2") format("woff");
font-weight: normal;
font-style: italic; }
/* Source Sans Pro - Bold */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.woff2") format("woff");
font-weight: bold;
font-style: normal; }
/* Source Sans Pro - Bold Italic */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.woff2") format("woff");
font-weight: bold;
font-style: italic; }
/*
* Usage:
*
*
*/
.sk-rotating-plane {
width: 40px;
height: 40px;
background-color: #333;
margin: 40px auto;
animation: sk-rotatePlane 1.2s infinite ease-in-out; }
@keyframes sk-rotatePlane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/*
* Usage:
*
*
*/
.sk-double-bounce {
width: 40px;
height: 40px;
position: relative;
margin: 40px auto; }
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-doubleBounce 2.0s infinite ease-in-out; }
.sk-double-bounce .sk-double-bounce2 {
animation-delay: -1.0s; }
@keyframes sk-doubleBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-wave {
margin: 40px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px; }
.sk-wave .sk-rect {
background-color: #333;
height: 100%;
width: 6px;
display: inline-block;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
.sk-wave .sk-rect1 {
animation-delay: -1.2s; }
.sk-wave .sk-rect2 {
animation-delay: -1.1s; }
.sk-wave .sk-rect3 {
animation-delay: -1s; }
.sk-wave .sk-rect4 {
animation-delay: -0.9s; }
.sk-wave .sk-rect5 {
animation-delay: -0.8s; }
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
transform: scaleY(0.4); }
20% {
transform: scaleY(1); } }
/*
* Usage:
*
*
*/
.sk-wandering-cubes {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-wandering-cubes .sk-cube {
background-color: #333;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; }
.sk-wandering-cubes .sk-cube2 {
animation-delay: -0.9s; }
@keyframes sk-wanderingCube {
0% {
transform: rotate(0deg); }
25% {
transform: translateX(30px) rotate(-90deg) scale(0.5); }
50% {
/* Hack to make FF rotate in the right direction */
transform: translateX(30px) translateY(30px) rotate(-179deg); }
50.1% {
transform: translateX(30px) translateY(30px) rotate(-180deg); }
75% {
transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
100% {
transform: rotate(-360deg); } }
/*
* Usage:
*
*
*/
.sk-spinner-pulse {
width: 40px;
height: 40px;
margin: 40px auto;
background-color: #333;
border-radius: 100%;
animation: sk-pulseScaleOut 1.0s infinite ease-in-out; }
@keyframes sk-pulseScaleOut {
0% {
transform: scale(0); }
100% {
transform: scale(1);
opacity: 0; } }
/*
* Usage:
*
*
*/
.sk-chasing-dots {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
text-align: center;
animation: sk-chasingDotsRotate 2s infinite linear; }
.sk-chasing-dots .sk-child {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #333;
border-radius: 100%;
animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
.sk-chasing-dots .sk-dot2 {
top: auto;
bottom: 0;
animation-delay: -1s; }
@keyframes sk-chasingDotsRotate {
100% {
transform: rotate(360deg); } }
@keyframes sk-chasingDotsBounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-three-bounce {
margin: 40px auto;
width: 80px;
text-align: center; }
.sk-three-bounce .sk-child {
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
display: inline-block;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
.sk-three-bounce .sk-bounce1 {
animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {
animation-delay: -0.16s; }
@keyframes sk-three-bounce {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.sk-circle .sk-circle2 {
transform: rotate(30deg); }
.sk-circle .sk-circle3 {
transform: rotate(60deg); }
.sk-circle .sk-circle4 {
transform: rotate(90deg); }
.sk-circle .sk-circle5 {
transform: rotate(120deg); }
.sk-circle .sk-circle6 {
transform: rotate(150deg); }
.sk-circle .sk-circle7 {
transform: rotate(180deg); }
.sk-circle .sk-circle8 {
transform: rotate(210deg); }
.sk-circle .sk-circle9 {
transform: rotate(240deg); }
.sk-circle .sk-circle10 {
transform: rotate(270deg); }
.sk-circle .sk-circle11 {
transform: rotate(300deg); }
.sk-circle .sk-circle12 {
transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
animation-delay: -1s; }
.sk-circle .sk-circle4:before {
animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
animation-delay: -0.1s; }
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
/*
* Usage:
*
*
*/
.sk-cube-grid {
width: 40px;
height: 40px;
margin: 40px auto;
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/ }
.sk-cube-grid .sk-cube {
width: 33.33%;
height: 33.33%;
background-color: #333;
float: left;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1 {
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
animation-delay: 0.0s; }
.sk-cube-grid .sk-cube8 {
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
animation-delay: 0.2s; }
@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
transform: scale3D(1, 1, 1); }
35% {
transform: scale3D(0, 0, 1); } }
/*
* Usage:
*
*
*/
.sk-fading-circle {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative; }
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #333;
border-radius: 100%;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.sk-fading-circle .sk-circle2 {
transform: rotate(30deg); }
.sk-fading-circle .sk-circle3 {
transform: rotate(60deg); }
.sk-fading-circle .sk-circle4 {
transform: rotate(90deg); }
.sk-fading-circle .sk-circle5 {
transform: rotate(120deg); }
.sk-fading-circle .sk-circle6 {
transform: rotate(150deg); }
.sk-fading-circle .sk-circle7 {
transform: rotate(180deg); }
.sk-fading-circle .sk-circle8 {
transform: rotate(210deg); }
.sk-fading-circle .sk-circle9 {
transform: rotate(240deg); }
.sk-fading-circle .sk-circle10 {
transform: rotate(270deg); }
.sk-fading-circle .sk-circle11 {
transform: rotate(300deg); }
.sk-fading-circle .sk-circle12 {
transform: rotate(330deg); }
.sk-fading-circle .sk-circle2:before {
animation-delay: -1.1s; }
.sk-fading-circle .sk-circle3:before {
animation-delay: -1s; }
.sk-fading-circle .sk-circle4:before {
animation-delay: -0.9s; }
.sk-fading-circle .sk-circle5:before {
animation-delay: -0.8s; }
.sk-fading-circle .sk-circle6:before {
animation-delay: -0.7s; }
.sk-fading-circle .sk-circle7:before {
animation-delay: -0.6s; }
.sk-fading-circle .sk-circle8:before {
animation-delay: -0.5s; }
.sk-fading-circle .sk-circle9:before {
animation-delay: -0.4s; }
.sk-fading-circle .sk-circle10:before {
animation-delay: -0.3s; }
.sk-fading-circle .sk-circle11:before {
animation-delay: -0.2s; }
.sk-fading-circle .sk-circle12:before {
animation-delay: -0.1s; }
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
/*
* Usage:
*
*
*/
.sk-folding-cube {
margin: 40px auto;
width: 40px;
height: 40px;
position: relative;
transform: rotateZ(45deg); }
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1); }
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #333;
animation: sk-foldCubeAngle 2.4s infinite linear both;
transform-origin: 100% 100%; }
.sk-folding-cube .sk-cube2 {
transform: scale(1.1) rotateZ(90deg); }
.sk-folding-cube .sk-cube3 {
transform: scale(1.1) rotateZ(180deg); }
.sk-folding-cube .sk-cube4 {
transform: scale(1.1) rotateZ(270deg); }
.sk-folding-cube .sk-cube2:before {
animation-delay: 0.3s; }
.sk-folding-cube .sk-cube3:before {
animation-delay: 0.6s; }
.sk-folding-cube .sk-cube4:before {
animation-delay: 0.9s; }
@keyframes sk-foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
/*
* Usage:
*
*
*/
.sk-three-bounce {
margin: 40px auto;
width: 80px;
text-align: center; }
.sk-three-bounce .sk-child {
width: 20px;
height: 20px;
background-color: #333;
border-radius: 100%;
display: inline-block;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
.sk-three-bounce .sk-bounce1 {
animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {
animation-delay: -0.16s; }
@keyframes sk-three-bounce {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
/* CORE */
a.secure:before {
font-family: "font_icon";
content: '\E81A'; }
.wf-inactive #home-nav .entypo {
display: none; }
/* menu nav styles */
#menu-nav > a:before {
font-family: "font_icon";
content: '\E808'; }
/* menu nav styles */
.wf-inactive #menu-nav > a:before {
font-family: "font_icon";
content: ''; }
#menu-nav > a:after {
font-family: "font_icon";
content: '\E83B'; }
#menu-nav:hover > a:after,
#menu-nav.active > a:after {
content: '\E83E'; }
.wf-inactive #menu-nav > a:after
, .wf-inactive #menu-nav:hover > a:after
, .wf-inactive #menu-nav.active > a:after {
content: ''; }
/* login nav styles */
#login-nav > a:after {
font-family: "font_icon";
content: '\E81A'; }
.wf-inactive #login-nav > a:after {
content: ''; }
/* contact nav styles */
#contact-nav > a:after {
font-family: "font_icon";
content: '\E832'; }
.wf-inactive #contact-nav > a:after {
content: ''; }
/* button with plus sign */
button.plus:after,
.button.plus:after {
font-family: "font_icon";
content: '\E80E'; }
/* button with minus sign */
button.minus:after,
.button.minus:after {
font-family: "font_icon";
content: '\E811'; }
button.search-button,
.button.search-button {
font-family: "font_icon"; }
main ul.bookmarks:before {
font-family: "font_icon";
content: '\E873'; }
main blockquote:before {
content: '\201C';
font-family: arial; }
main blockquote:after {
content: '\201D';
font-family: arial; }
main form span.helper {
font-family: "font_icon"; }
ul.simple-document-list li:before {
font-family: "font_icon";
content: '\E86B'; }
.article-list article .icon {
font-family: "font_icon"; }
/* .wf-active is applied if web fonts load succesfully */
.wf-active .article-list article.toggle .show-hide:before {
font-family: "font_icon";
content: '\E80E'; }
.wf-active .article-list article.toggle.open .show-hide:before {
content: '\E811'; }
/* .wf-inactive is applied if web fonts fail to load */
/*
* closed/default is:
*
*/
.wf-inactive .article-list article.toggle .show-hide {
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xNiA4YzAtNC40MTgtMy41ODItOC04LThzLTggMy41ODItOCA4IDMuNTgyIDggOCA4IDgtMy41ODIgOC04ek0xLjUgOGMwLTMuNTkgMi45MS02LjUgNi41LTYuNXM2LjUgMi45MSA2LjUgNi41LTIuOTEgNi41LTYuNSA2LjUtNi41LTIuOTEtNi41LTYuNXoiPjwvcGF0aD4NCjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik00Ljk1NyA1LjU0M2wtMS40MTQgMS40MTQgNC40NTcgNC40NTcgNC40NTctNC40NTctMS40MTQtMS40MTQtMy4wNDMgMy4wNDN6Ij48L3BhdGg+DQo8L3N2Zz4=") no-repeat;
width: 16px;
height: 16px; }
/*
* open base-64 encoded is:
*/
.wf-inactive .article-list article.toggle.open .show-hide {
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik04IDE2YzQuNDE4IDAgOC0zLjU4MiA4LThzLTMuNTgyLTgtOC04LTggMy41ODItOCA4IDMuNTgyIDggOCA4ek04IDEuNWMzLjU5IDAgNi41IDIuOTEgNi41IDYuNXMtMi45MSA2LjUtNi41IDYuNS02LjUtMi45MS02LjUtNi41IDIuOTEtNi41IDYuNS02LjV6Ij48L3BhdGg+DQo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMTAuNDU3IDQuOTU3bC0xLjQxNC0xLjQxNC00LjQ1NyA0LjQ1NyA0LjQ1NyA0LjQ1NyAxLjQxNC0xLjQxNC0zLjA0My0zLjA0M3oiPjwvcGF0aD4NCjwvc3ZnPg==") no-repeat;
width: 16px;
height: 16px; }
.entypo {
font-family: "font_icon"; }
#page-head-search button {
font-family: "font_icon"; }
#search-page-form .form-group button {
font-family: "font_icon"; }
#glossary-search-form .form-group button {
font-family: "font_icon"; }
a.checkout {
font-family: "font_icon"; }
div.alert .wrapper:before {
font-family: "font_icon";
content: '\E82D'; }
.book-navigation > li > a:before,
.book-navigation > li.nav-control > a.next:after,
.book-navigation > li.menu > h2:before {
font-family: "font_icon"; }
#dst-journeys-list-inner > table td a.dst-saved-edit:before,
#dst-journeys-list-inner > table td a.dst-saved-save:before,
#dst-journeys-list-inner > table td a.dst-saved-cancel:before,
#dst-journeys-list-inner > table td a.dst-saved-delete:before {
font-family: "font_icon";
content: '\E828'; }
#dst-journeys-list-inner > table td a.dst-saved-edit:before {
content: '\E828'; }
#dst-journeys-list-inner > table td a.dst-saved-save:before {
content: '\E809'; }
#dst-journeys-list-inner > table td a.dst-saved-cancel:before {
content: '\E823'; }
#dst-journeys-list-inner > table td a.dst-saved-delete:before {
content: '\E80B'; }
.dst-back-links a:before {
content: '\AB\A0'; }
#dst-print a:after {
font-family: "font_icon";
content: '\E829'; }
#dst-answer-list-wrapper h4:before {
font-family: "font_icon";
content: '\E80E'; }
#dst-answer-list-wrapper.open h4:before {
content: '\E811'; }
.back-to-top svg {
width: 24px;
padding-top: 0.75rem; }
.highlight-question:before {
font-family: "font_icon";
content: '\E814'; }
.book-navigation > li.menu > h2:before {
content: '\E808'; }
.book-navigation > li.nav-control > a.prev:before {
content: '\E84C'; }
.book-navigation > li.nav-control > a.next:after {
content: '\E84D'; }
.book-navigation > li.download > a:before {
content: '\E865'; }
h4#fcpSummary:before {
content: '';
padding: 0rem; }
/* buttons */
/* ------- */
button,
.button,
.button:visited,
.Actions input {
display: inline-block;
height: 3.3rem;
width: auto;
padding: 0 1.3rem;
background-color: #333333;
border: none;
-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
border-radius: 0.2rem;
text-align: center;
font-size: 16px;
line-height: 3.3rem;
white-space: nowrap;
color: #ffffff;
-webkit-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
-moz-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
text-shadow: 0 0 0 transparent;
text-shadow: 0 0 0 transparent; }
button:hover,
button:focus,
.button:hover,
.button:focus,
.Actions input:hover,
.Actions input:focus {
background-color: #555555;
text-decoration: none; }
button.inactive,
button[inactive],
.button.inactive,
button.inactive:hover,
button.inactive:focus,
button[inactive]:hover,
button[inactive]:focus,
.button.inactive:hover,
.button.inactive:focus,
.Actions input[type='reset'],
.Actions input.inactive,
.Actions input.inactive:hover,
.Actions input.inactive:focus {
background-color: #666666;
-webkit-box-shadow: inset 0 -0.3rem 0 0 #999999;
-moz-box-shadow: inset 0 -0.3rem 0 0 #999999;
box-shadow: inset 0 -0.3rem 0 0 #999999;
cursor: default; }
.Actions input[type='reset'] {
cursor: pointer; }
.Actions input[type='reset']:focus {
background-color: #999999; }
/* button with plus sign */
button.plus:after,
.button.plus:after,
button.minus:after,
.button.minus:after {
display: inline-block;
vertical-align: middle;
padding-left: 1rem;
font-size: 1.6rem;
-webkit-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
-moz-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4); }
/* search button */
button.search-button,
.button.search-button {
display: inline-block;
width: 3.6rem;
height: 3.6rem;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 2rem;
line-height: 1; }
/* placeholder text styling */
/* ------------------------ */
::-webkit-input-placeholder {
color: #999999; }
:-moz-placeholder {
color: #999999; }
:-ms-placeholder {
color: #999999; }
.button--secondary {
background: transparent;
color: #333333;
border: 2px solid #333333 !important;
line-height: inherit; }
.button--secondary:hover, .button--secondary:active, .button--secondary:focus {
background: #333333;
color: #ffffff; }
.button--small {
color: #1875B4 !important;
float: right;
margin: 0 0 0 15px;
border: none !important;
border-bottom: 1px solid #333333 !important;
padding: 0;
font-size: 0.75em;
font-weight: 100 !important;
border-radius: 0;
height: 2.5em;
color: #1875B4;
border-bottom: 1px dotted #1875B4 !important; }
.button--small:hover, .button--small:active, .button--small:focus {
outline: none !important;
color: #1875B4 !important;
background: transparent;
border-bottom: 1px solid #1875B4 !important; }
/*
==========================
document sets - simple and dynamic
==========================
*/
ul.simple-document-list {
list-style-type: none;
margin-left: 0;
padding-left: 0;
font-size: 1.5rem; }
ul.simple-document-list li {
padding: 0.6rem 1.4rem;
background-color: #f4f4f4;
border-bottom: solid 0.1rem #BAC7D3; }
/*
==========================
document / link highlight
==========================
*/
.table-header {
padding: 0.8rem 1.3rem 0.6rem 1.3rem;
background-color: #0085A0 !important;
font-family: "SourceSansPro";
font-weight: bold;
font-size: 1.8rem;
color: #ffffff;
font-weight: normal;
text-align: left;
vertical-align: top; }
.feature-doc,
.feature-link {
padding: 1.4rem;
overflow: hidden;
background-color: #f4f4f4;
border: solid 0.1rem #bcc6d4;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
font-size: 1.5rem;
line-height: 2rem; }
/*
==========================
bookmarks
==========================
*/
ul.bookmarks {
width: 100%;
position: relative;
margin: 2rem 0;
padding: 1.2rem 1.2rem 1.2rem 7rem;
border: solid 0.4rem #D9E2E9;
min-height: 9.6rem;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
list-style-type: none;
font-size: 1.5rem; }
ul.bookmarks:before {
position: absolute;
top: -0.7rem;
left: 1.6rem;
display: block;
content: '\E873';
font-family: "font_icon";
font-size: 10rem;
line-height: 0.9;
color: #90ca00; }
ul.bookmarks li {
margin: 0;
padding: 0; }
ul.bookmarks li + li {
margin-top: 0.2rem; }
ul.bookmarks li a {
color: #454545; }
/*
==========================
simple highlight question text
==========================
*/
.highlight-question {
padding: 10px 10px 10px 50px;
padding: 1rem 1rem 1rem 5rem;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
background-color: #e9e9e9;
font-size: 15px;
font-size: 1.5rem; }
* + .highlight-question {
margin-top: 10px;
margin-top: 1rem; }
img.left {
float: left;
margin-right: 30px; }
/* PARTIALS */
/* Downloaded from https://fonts.google.com/specimen/Source+Sans+Pro */
/* Webfont generated by https://www.fontsquirrel.com/tools/webfont-generator */
/* EOT/SVG formats exported with https://everythingfonts.com/font-face */
/* Source Sans Pro - Light */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.woff2") format("woff");
font-weight: 300;
font-style: normal; }
/* Source Sans Pro - Light Italic */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.woff2") format("woff");
font-weight: 300;
font-style: italic; }
/* Source Sans Pro - Regular */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.woff2") format("woff");
font-weight: normal;
font-style: normal; }
/* Source Sans Pro - Regular Italic */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.woff2") format("woff");
font-weight: normal;
font-style: italic; }
/* Source Sans Pro - Bold */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.woff2") format("woff");
font-weight: bold;
font-style: normal; }
/* Source Sans Pro - Bold Italic */
@font-face {
font-family: 'SourceSansPro';
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.eot");
src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.woff2") format("woff");
font-weight: bold;
font-style: italic; }
/*
==========================
access links
==========================
*/
#accessibility-links {
font-size: 14px;
display: inline-block;
margin-right: 30px;
margin-top: 17px;
font-family: "SourceSansPro";
font-weight: bold;
line-height: 22px;
color: #fff;
text-decoration: none; }
#accessibility-links.active,
#access-keys.active {
position: relative;
width: auto !important;
overflow: visible;
border-bottom: 2px solid #ffffff;
margin-top: 17px;
height: auto; }
/*
==========================
secondary nav
==========================
*/
#PrimaryNavClose {
margin: 25px 45px;
cursor: pointer; }
#secondary-nav {
float: left;
width: 100%; }
#secondary-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 1.5rem;
line-height: 2.2rem; }
#secondary-nav ul li {
margin: 10px 0;
border-left: 3px solid transparent;
padding: 0 15px; }
#secondary-nav ul li a {
display: inline;
position: relative;
padding: 0;
color: #333333;
border-bottom: 1px dotted transparent;
text-decoration: none; }
#secondary-nav ul li a:hover, #secondary-nav ul li a:active, #secondary-nav ul li a:focus {
text-decoration: none;
background: transparent;
border-bottom: 1px solid #333333; }
#secondary-nav ul li a.active {
border-bottom: 1px solid #333333; }
#secondary-nav ul li .current {
font-family: "SourceSansPro";
padding: 0 15px;
margin: 10px 0;
border-left: 3px solid #333333; }
#secondary-nav ul li .current > a {
border-bottom: 1px solid #333333; }
#secondary-nav ul li .current--hasChildren > a:before {
background: transparent url(43c41656fe07c80864ba1c982c6680da.svg) 0 0 no-repeat;
width: 20px;
height: 20px;
display: block;
content: '';
float: right;
margin-right: -15px; }
#secondary-nav ul li .currentLink {
border-bottom: 1px solid #333333; }
#secondary-nav ul li a.parent {
color: #333333; }
/* menu nav styles */
#menu-nav > a:before {
display: inline-block;
height: 2.2rem;
font-size: 2.4rem;
line-height: 0.75;
padding: 0 0.6rem 0 0;
vertical-align: middle; }
#menu-nav > a:after {
display: inline;
font-size: 2rem;
padding: 0 0.1rem 0 0.5rem; }
#menu-nav ul {
font-size: 1.8rem; }
@media (max-width: 767px) {
#primaryNav > ul {
text-align: right; }
#primaryNav > ul * {
text-align: left; }
#primaryNav > ul > li {
float: none;
position: static; }
#primaryNav > ul > li#home-nav,
#primaryNav > ul > li#menu-nav {
float: left; }
#login-nav > a > span,
#contact-nav > a > span {
display: none; }
#login-nav > a:after,
#contact-nav > a:after {
padding-right: 10px;
padding-left: 10px;
padding-top: 10px; }
#primaryNav > ul > li.social {
display: none; }
#primaryNav > ul > li.checkout.active {
display: inline-block; }
.primary-nav-dropdown:hover:before,
.primary-nav-dropdown.active:before {
display: none; }
.primary-nav-dropdown:hover > a,
.primary-nav-dropdown.active > a {
color: #fff !important; }
.primary-nav-dropdown > ul {
position: fixed;
top: 13.4rem;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
max-height: -webkit-calc(100% - 13.4rem);
max-height: -moz-calc(100% - 13.4rem);
max-height: calc(100% - 13.4rem);
overflow: auto;
z-index: 20 !important;
border: none;
margin: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(-110%, 0, 0);
-moz-transform: translate3d(-110%, 0, 0);
transform: translate3d(-110%, 0, 0);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s; }
.sticky .primary-nav-dropdown > ul {
top: 4.6rem;
max-height: -webkit-calc(100% - 4.6rem);
max-height: -moz-calc(100% - 4.6rem);
max-height: calc(100% - 4.6rem); }
.primary-nav-dropdown.active > ul {
z-index: 20 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
/* menu nav */
/* -------- */
#menu-nav a:after {
content: '';
display: none; }
#menu-nav > ul li {
padding-right: 0; }
#menu-nav > ul ul li {
margin-right: 0; }
/* contact nav styling */
/* ------------------- */
#contact-nav > a:hover {
color: #1875B4 !important; }
#contact-nav > ul {
left: 0;
right: 0;
width: auto;
font-size: 90%; }
#contact-nav-follow-list li a span {
text-align: center; }
/* search nav styles */
/* ----------------- */
#primaryNav #search-nav {
display: inline-block; }
#primaryNav #search-nav span {
display: none; }
#primaryNav #search-nav a:after {
display: inline;
font-family: "font_icon";
content: '\E800';
font-size: 2rem;
padding: 0 0 0 0.6rem; } }
@media (min-width: 769px) and (max-width: 1023px) {
/* nav tags */
/* -------- */
ul#home-nav-tags {
display: block;
float: none;
width: 100%;
min-height: 0;
margin: 2.4rem 0 0 0;
text-align: center; }
ul#home-nav-tags li {
display: inline-block;
float: none;
margin: 0 0.4rem 0.5rem 0; }
ul#home-nav-tags li a {
height: 3.5rem;
font-size: 2.2rem;
line-height: 3.7rem; }
.home #page-banner {
background-position: center calc(100% - 2rem);
min-height: 35em; }
/* primary navigation */
/* ------------------ */
.primary-nav-dropdown > ul {
width: 34rem; }
#menu-nav > ul li {
white-space: normal;
position: relative;
padding: 0.4rem 0.4rem 0.4rem 3.4rem;
font-size: 1.7rem; }
#menu-nav > ul li a {
display: block; }
/* icon styling for parent / link / open / close */
#menu-nav > ul li > .icon {
display: block;
position: absolute;
left: 0.4rem;
top: 0;
width: 2.4rem;
height: 2.4rem;
margin-right: 1.2rem;
padding-top: 0.2rem;
font-family: "SourceSansPro";
font-weight: bold;
text-align: center;
font-size: 2.8rem;
line-height: 0.9; }
#menu-nav > ul li > .icon:before {
content: '\BB'; }
#menu-nav > ul li.parent > .icon {
top: 0.2rem; }
#menu-nav > ul li.parent > .icon:before {
content: '+';
color: #1875B4;
cursor: pointer; }
#menu-nav > ul li.parent.active > .icon {
top: 0; }
#menu-nav > ul li.parent.active > .icon:before {
content: '\2013';
color: #1875B4;
cursor: pointer; }
/* sub-list styling */
#menu-nav ul li.active > a {
font-family: "SourceSansPro";
font-weight: bold; }
#menu-nav ul ul {
display: block;
list-style-type: none;
margin-top: 0.4rem; }
#menu-nav ul ul li {
margin-right: -0.4rem;
font-size: 1.7rem; }
/* contact nav styling */
#contact-nav > ul {
left: auto;
right: -2.2rem;
width: 32rem; }
#contact-nav-follow-list {
white-space: nowrap; }
#secondary-nav {
display: none; }
#secondary-nav + #main-content {
width: auto;
float: none; } }
.article__info__label {
font-family: "SourceSansPro";
font-weight: bold;
margin-top: 15px; }
.article__info__label--noMargin {
margin: 0; }
article__info__label
.article-list article {
clear: both;
margin: 1rem 0 0 0;
padding: 1rem 0 0 0;
border-top: solid 1px #f4f4f4;
font-size: 1.5rem;
overflow: hidden; }
.article-list article + article {
margin-top: 1.2rem; }
.article-list article h2 {
clear: none;
margin-top: 0 !important;
font-size: 1.8rem; }
.article-list article.media-release h2 {
margin-bottom: 10px; }
.article-list article h3 {
clear: none;
text-transform: uppercase;
font-size: 1.3rem;
color: #00849f; }
.article-list article h3 span {
color: #131313;
text-transform: none; }
.article-list article h3 + h3 {
margin-top: 0.4rem !important; }
/* attributes - such as news tags / info */
/* ------------------------------------- */
.article-list article .article-attributes {
/*
float: left;
overflow: hidden;
width: 10.5rem;
margin-right: 2rem;
text-transform: uppercase;
font-size: 1.2rem;
line-height: 1;
color: $colLightGrey;
*/ }
.article-list article .article-attributes > * {
/*
display: block;
padding: 0.5rem 0.8rem;
background-color: #ededed;
*/ }
.article-list article .article-attributes > * + * {
margin-top: 0.1rem; }
.article-list article .article-attributes .tag {
color: #fff; }
/* tag colour palette */
/* ------------------ */
.article-list article .article-attributes .tag.color-01 {
background-color: #003F5F; }
.article-list article .article-attributes .tag.color-02 {
background-color: #6E298D; }
.article-list article .article-attributes .tag.color-03 {
background-color: #A7600C; }
.article-list article .article-attributes .tag.color-04 {
background-color: #CE4643; }
.article-list article .article-attributes .tag.color-05 {
background-color: #4C8324; }
.article-list article .article-attributes .tag.color-06 {
background-color: #6E298D; }
.article-list article .article-attributes .tag.color-07 {
background-color: #6F777B; }
.article-list article .article-attributes .tag.color-08 {
background-color: #3366ff; }
/* article thumbnails */
/* ------------------ */
.article-list .article-thumbnail {
float: left;
display: block;
width: 10rem;
margin: 0 1rem 0 0;
overflow: hidden; }
.article-list .article-thumbnail img {
display: block;
margin: 0;
padding: 0;
max-width: 100%; }
/* article main info */
/* ----------------- */
.article-list article .article-info {
overflow: hidden; }
.article-list article * + .article-abstract {
margin-bottom: 10px; }
.article-list article .article-info .columns p + p {
margin-top: 0; }
.article-list article .article-info * + .columns {
margin-top: 0.6rem; }
/* article related documents */
/* ------------------------- */
.article-list article .related-documents {
font-size: 1.3rem; }
/* article expand/collapse */
/* ----------------------- */
.article-list article.toggle {
position: relative; }
.article-list article.toggle h2 {
padding-right: 5rem; }
.article-list article.toggle .show-hide {
position: absolute;
top: 0.8rem;
right: 1.2rem;
margin-top: 0 !important;
font-size: 2.2rem;
line-height: 1;
color: #666;
text-decoration: none;
background: transparent;
padding-left: 0px;
padding-right: 0px;
outline: none; }
/* closed */
.article-list article.toggle.closed .article-thumbnail,
.article-list article.toggle.closed .article-info > * {
display: none; }
.article-list article.toggle.closed .article-info > .download-print {
display: table;
width: 100%; }
/* open */
.article-list article.toggle.open h2 {
padding-bottom: 0.6rem; }
@media (max-width: 767px) {
/* article styling */
/* --------------- */
.article-list article {
font-size: 1.3rem; }
.article-list article + article {
margin-top: 1rem; }
.article-list article h2 {
font-size: 1.4rem; }
.article-list article h3 {
font-size: 1.3rem; }
/* attributes - such as news tags / info */
/* ------------------------------------- */
.article-list article .article-attributes {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 0.6rem; }
.article-list article .article-attributes > * {
display: inline-block; }
.article-list article .article-attributes > * + * {
margin-top: 0; }
/* article thumbnail */
/* ----------------- */
.article-list article .article-thumbnail {
display: none; }
/* article info */
/* ------------- */
.article-list article .article-info {
overflow: hidden;
margin-top: 0.6rem; }
.article-list article .article-info .columns .column {
float: none;
width: auto;
margin-left: 0; }
.article-list article .article-info .columns .column + .column {
margin-top: 0.4rem; } }
/*
==========================
page banner
==========================
*/
#banner {
position: relative;
z-index: 1; }
#page-banner header {
padding: 3.8rem 0 3rem 0;
font-size: 2.2rem;
line-height: 1.2;
color: #fff; }
#page-banner header .wrapper {
position: relative;
padding: 0; }
#page-banner .wrapper {
position: relative; }
.toggle-content {
display: none; }
.toggle-link {
cursor: pointer;
color: #1875B4; }
.toggle-link:hover {
text-decoration: underline; }
#page-banner header .wrapper > h2 {
font-size: 4.4rem;
font-weight: normal;
color: #fff;
text-transform: uppercase;
-webkit-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
-moz-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4); }
div.banner {
background-attachment: scroll;
background-size: cover;
background-repeat: no-repeat;
z-index: 1;
width: 100%;
float: left;
padding-top: 50px;
padding-bottom: 50px; }
body.home div.banner {
padding-top: 190px; }
body.landing div.banner {
padding-top: 200px;
padding-bottom: 50px;
height: 300px; }
@media (max-width: 768px) {
body.landing div.banner {
padding-top: 110px;
padding-bottom: 10px; } }
div.banner > .wrapper {
max-width: 950px;
position: relative; }
div.banner h1 {
color: #ffffff;
font-weight: bold;
margin: 10px 0;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5);
letter-spacing: 1px; }
div.banner h2 {
font-size: 16px;
font-family: "SourceSansPro";
font-weight: bold;
color: #000;
margin: 20px 0 0 0; }
body.home div.banner {
background: url("/assets/branches/headers/home.jpg") center center;
background-size: cover; }
body.home div.banner__overlay {
height: 500px; }
html.wf-inactive
, .wf-inactive body {
font-size: 9px; }
body,
select,
input,
textarea {
font-family: "SourceSansPro";
font-weight: bold; }
.wf-inactive body {
font-size: 0.9em; }
h2 {
font-family: "SourceSansPro";
font-weight: bold; }
h3, h4, h5 {
font-family: "SourceSansPro";
font-weight: bold; }
b,
strong,
.bold {
font-family: "SourceSansPro";
font-weight: bold; }
button,
.button,
.button:visited,
.Actions input {
font-family: "SourceSansPro";
font-weight: bold; }
.entypo,
.font-icon {
font-family: 'font_icon'; }
main form label,
main form .field fieldset {
font-family: "SourceSansPro";
font-weight: bold; }
main form .optionset label,
main form .checkbox label {
font-family: "SourceSansPro";
font-weight: bold; }
main table th {
padding: 0.8rem 1.3rem 0.6rem 1.3rem;
background-color: #333333;
font-family: "SourceSansPro";
font-weight: bold; }
main blockquote {
font-family: Georgia, serif; }
main .table-header {
font-family: "SourceSansPro";
font-weight: bold; }
main .feature-doc a,
main .feature-link a {
font-family: "SourceSansPro";
font-weight: bold; }
main .feature-link a:after {
font-family: "SourceSansPro";
font-weight: bold; }
.page-info-feedback time {
font-family: "SourceSansPro";
font-weight: bold; }
#main-page .tile h2 {
font-family: "SourceSansPro";
font-weight: bold; }
#page-banner header .wrapper > h2 {
font-family: "SourceSansPro";
font-weight: bold; }
#page-foot h2 {
font-family: "SourceSansPro";
font-weight: bold; }
.tag-list {
font-family: "SourceSansPro";
font-weight: bold; }
.article-list article h3 {
font-family: "SourceSansPro";
font-weight: bold; }
.article-list article .article-info .columns {
font-family: "SourceSansPro";
font-weight: bold; }
.more-control {
font-family: "SourceSansPro";
font-weight: bold; }
#news-article-summary {
font-family: "SourceSansPro";
font-weight: bold; }
.lhs.search-filters .search-filter ul li span.active span {
font-family: "SourceSansPro";
font-weight: bold; }
dl.definition-list dfn {
font-family: "SourceSansPro";
font-weight: bold; }
.process-step header h3 {
font-family: "SourceSansPro";
font-weight: bold; }
#Form_DocumentRequestForm table td a {
font-family: "SourceSansPro";
font-weight: bold; }
.book-navigation .menu ul li a.active {
font-family: "SourceSansPro";
font-weight: bold; }
section.book-page h1 {
font-family: "SourceSansPro";
font-weight: bold; }
#MemberAjaxLoginForm_LoginForm label,
#MemberAjaxLoginForm_LoginForm .field fieldset {
font-family: "SourceSansPro";
font-weight: bold; }
#MemberAjaxLoginForm_LoginForm .checkbox label {
font-family: "SourceSansPro";
font-weight: bold; }
.dst-question-label {
font-family: "SourceSansPro";
font-weight: bold; }
.dst-question-intro,
.dst-question-heading {
font-family: "SourceSansPro";
font-weight: bold; }
.dst-result-question .dst-original-question,
.dst-result-answer {
font-family: "SourceSansPro";
font-weight: bold; }
.primary-nav-drop-down > ul > li h2 {
font-family: "SourceSansPro";
font-weight: bold; }
.article-list article .article-attributes {
font-family: "SourceSansPro";
font-weight: bold; }
div.banner {
background-attachment: scroll;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 1;
width: 100%;
float: left;
padding-top: 150px;
padding-bottom: 50px;
font-size: 36px; }
@media (max-width: 768px) {
div.banner {
padding-top: 206px;
padding-bottom: 10px;
font-size: 30px; } }
div.banner__overlay {
position: absolute;
width: 100%;
top: 0;
height: 260px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+1,333333+100&0.75+0,0+100 */
background: -moz-linear-gradient(top, rgba(51, 51, 51, 0.75) 0%, rgba(51, 51, 51, 0.74) 1%, rgba(51, 51, 51, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0.75) 0%, rgba(51, 51, 51, 0.74) 1%, rgba(51, 51, 51, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(51, 51, 51, 0.75) 0%, rgba(51, 51, 51, 0.74) 1%, rgba(51, 51, 51, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf333333', endColorstr='#00333333',GradientType=0 );
/* IE6-9 */ }
@media (max-width: 768px) {
div.banner__overlay {
height: 185px; } }
div.banner > .wrapper {
max-width: 95rem;
position: relative; }
div.banner h2 {
font-size: 16px;
font-family: "SourceSansPro";
font-weight: bold;
color: #000;
margin: 20px 0 0 0; }
@media (max-width: 768px) {
#page-banner header {
padding: 1rem 0 0.7rem 0; }
#page-banner header .wrapper {
padding: 0 !important; }
#page-banner header .wrapper > h2 {
padding-top: 0;
font-size: 2.2rem; }
#page-banner header .wrapper *:not(h2) {
display: none; } }
@media (min-width: 769px) and (max-width: 1023px) {
#page-banner {
min-height: 0; }
#page-banner header {
padding-top: 2.6rem;
padding-bottom: 1rem;
font-size: 1.6rem;
line-height: 1.4; }
#page-banner header .wrapper > h2 {
padding-top: 7rem;
font-size: 3.5rem; } }
/*
==========================
book page(s)
==========================
*/
.multi-page-document-index #main-content {
max-width: 70rem; }
.book-navigation {
position: relative;
display: block;
margin: 0 0 2rem 0;
padding: 0;
background-color: #f4f4f4;
border: solid 0.1rem #cccccc;
list-style-type: none; }
* + .book-navigation {
margin-top: 2rem; }
.book-navigation > li {
position: relative;
float: left;
display: block;
border-right: solid 0.1rem #cccccc;
font-size: 1.5rem;
text-transform: uppercase;
line-height: 1.5rem; }
.book-navigation > li.download:last-child {
float: right;
border-right: none;
border-left: solid 0.1rem #cccccc; }
.book-navigation > li > a,
.book-navigation > li > h2 {
display: block;
padding: 1.2rem 1rem 1.1rem 1rem;
font-size: 1.5rem;
text-transform: uppercase;
line-height: 1;
text-decoration: none;
cursor: pointer;
vertical-align: middle; }
.book-navigation > li > a:hover,
.book-navigation > li > a:focus,
.book-navigation > li > h2:hover {
background-color: #cccccc; }
.book-navigation > li > a:before,
.book-navigation > li.nav-control > a.next:after,
.book-navigation > li.menu > h2:before {
display: inline-block;
margin-right: 0.6rem;
color: #6F777B;
font-size: 2rem;
line-height: 0;
vertical-align: middle; }
.book-navigation > li.nav-control > a.next:before {
display: none; }
.book-navigation > li.nav-control > a.next:after {
margin-left: 0.6rem; }
.book-navigation > li.nav-control > a.inactive,
.book-navigation > li.nav-control > a.inactive:before,
.book-navigation > li.nav-control > a.inactive:after {
cursor: default;
color: #999999; }
.book-navigation > li.nav-control > a.inactive:hover,
.book-navigation > li.nav-control > a.inactive:focus {
background-color: transparent; }
/* menu drop down */
/* -------------- */
.book-navigation .menu:after {
opacity: 0;
visibility: hidden;
content: '';
position: absolute;
top: 100%;
left: 50%;
display: block;
width: 0;
height: 0;
overflow: hidden;
border-left: solid 1rem transparent;
border-right: solid 1rem transparent;
border-bottom: solid 0.9rem rgba(0, 0, 0, 0.6);
margin-left: -1rem;
margin-top: -0.5rem;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear; }
.book-navigation .menu h2 {
color: #1875B4; }
.book-navigation .menu ul {
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 10;
top: 100%;
left: -4rem;
width: 24rem;
list-style-type: none;
margin: 0.4rem 0 0 0 !important;
padding: 0;
background-color: #ffffff;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
border: solid 0.6rem rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.3);
text-transform: none;
cursor: default;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear; }
.book-navigation .menu ul li + li {
border-top: solid 0.1rem #cccccc; }
.book-navigation .menu ul li a {
display: block;
padding: 0.7rem 1rem;
color: #555555;
text-decoration: none; }
.book-navigation .menu ul li a:hover,
.book-navigation .menu ul li a:focus {
color: #000000; }
.book-navigation .menu ul li a.active {
color: #000000; }
/* active menu state */
/* ----------------- */
.book-navigation.menu-active .menu h2 {
background-color: #cccccc; }
.book-navigation.menu-active .menu:after {
opacity: 1;
visibility: visible; }
.book-navigation.menu-active .menu ul {
opacity: 1;
visibility: visible; }
/* book page content */
/* ----------------- */
section.book-page h1 {
font-size: 3.5rem;
line-height: 1.2;
font-weight: normal;
color: #00849f;
clear: both; }
@media (max-width: 767px) {
* + .book-navigation {
margin-top: 1.6rem; }
.book-navigation > li > a {
padding-left: 1.4rem;
padding-right: 1.4rem; }
.book-navigation > li > a > span {
display: none; }
.book-navigation > li > a:before,
.book-navigation > li.nav-control > a.next:after {
margin-right: 0; }
.book-navigation > li.nav-control > a.next:after {
margin-left: 0; }
/* menu drop down */
/* -------------- */
.book-navigation .menu ul {
left: 0;
width: 30rem; }
figure.standard-image img {
max-width: 100% !important;
height: auto !important; } }
@media (min-width: 769px) and (max-width: 1023px) {
/* menu drop down */
/* -------------- */
.book-navigation .menu ul {
left: -0.6rem; } }
.branch-buttons-list {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
margin: 0;
width: calc(100%); }
.branch-buttons-list:before {
content: none; }
.branch-buttons-list a {
display: block;
margin-bottom: 20px;
width: calc(100%);
background: #ffffff; }
.branch-buttons-list a:hover, .branch-buttons-list a:focus {
box-shadow: rgba(0, 0, 0, 0.2) 0 20px 40px 0px;
opacity: 0.9;
-webkit-transition: box-shadow 0.15s ease-out;
-moz-transition: box-shadow 0.15s ease-out;
-ms-transition: box-shadow 0.15s ease-out;
-o-transition: box-shadow 0.15s ease-out;
transition: box-shadow 0.15s ease-out;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out; }
@media (min-width: 769px) {
.branch-buttons-list {
-ms-flex-pack: justify;
justify-content: space-between; }
.branch-buttons-list a, .branch-buttons-list i {
display: block;
width: calc(20% - 16px); } }
.branch-buttons {
width: 100%;
float: left;
margin-top: -100px;
z-index: 1;
position: relative;
margin-top: 50px;
margin-bottom: 0px; }
.branch-buttons--homePageContent {
display: none; }
@media (max-width: 768px) {
.branch-buttons--homePageContent {
display: none;
margin-top: 20px;
margin-bottom: 10px;
display: block !important;
padding: 15px; }
.branch-buttons--homePageContent aside {
padding: 15px;
min-height: auto !important; } }
@media (max-width: 768px) {
.branch-buttons {
display: none;
padding: 20px 0 0 0;
margin: 0;
width: 100%; } }
.branch-buttons .branchButton__title {
font-size: 16px;
font-family: "SourceSansPro";
font-weight: bold;
color: #000;
margin: 20px 0 0 0; }
.branch-buttons--menu {
display: none;
padding: 0;
margin: 0 !important; }
.branch-buttons--menu p {
display: none; }
.branch-buttons--menu h2 {
font-size: 16px;
font-family: "SourceSansPro";
font-weight: bold;
color: #000;
margin: 0; }
.branch-buttons--menu aside {
border-top-width: 10px;
background: #ffffff;
padding: 0.5rem 1.25rem;
margin: 0; }
body.scrolling .branch-buttons--menu {
display: block;
margin: 0 auto !important;
float: none; }
@media (max-width: 767px) {
.branch-buttons--menu {
display: none !important; } }
.branch-buttons a,
.branch-buttons a:hover {
color: #000;
text-decoration: none; }
.branch-buttons .branchButton__summary {
font-size: 1.2rem;
color: #000; }
.branch-buttons aside {
border-top-width: 10px;
background: #ffffff;
padding: 0.5rem 1.25rem 2rem 1.25rem;
width: 100%; }
h2 {
font-size: 16px;
font-family: "SourceSansPro";
font-weight: bold;
color: #000;
margin: 0; }
.branchButtonsMenu-wrapper {
float: left;
width: 100%;
background: #f4f4f4;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); }
.sk-three-bounce {
margin: 0;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */ }
.sk-three-bounce .sk-child {
width: 10px;
height: 10px; }
.spinner {
position: relative;
float: right;
height: 20px;
z-index: 1;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */ }
.spinner--measurementSelect {
position: absolute;
right: 50px;
margin: 0;
top: 10px; }
.spinner--tabHeader {
margin: 15px 0 0 0;
position: absolute;
top: 17px;
right: 15px; }
.dms-documentset .pagination .load-more .spinner {
margin-top: 12px; }
.dms-documentset .pagination .load-more .spinner .sk-three-bounce {
width: 270px; }
/*
==========================
feature list / what's popular list
==========================
*/
.l2landing-margin h2 {
margin-top: 9px; }
.feature-list h2 {
font-size: 24px;
color: #333333; }
.feature-list ul {
list-style-type: square;
font-size: 14px;
line-height: 26px;
margin: 0;
padding: 0 0 0 20px; }
.feature-list ul li a {
color: #333333;
font-size: 14px; }
.feature-list.whats-popular {
width: 100%;
margin-bottom: 40px; }
@media (max-width: 768px) {
.feature-list.whats-popular {
padding: 20px 15px; } }
.feature-list.whats-popular h2 {
margin-top: 0;
margin-bottom: 10px; }
.feature-list.whats-popular ul {
line-height: normal; }
.feature-list.whats-popular ul li {
padding-bottom: 0.5em; }
.landing-promo-1-column {
width: 322px;
float: left;
padding-bottom: 25px; }
.landing-promo-2-column {
width: 322px;
float: right;
padding-bottom: 25px; }
.menu-outer {
float: left;
width: 70%; }
#main-page aside {
padding-top: 62.5px;
padding-bottom: 5rem;
margin-top: 4rem;
margin-bottom: -5rem;
background-color: #f4f4f4; }
@media (max-width: 768px) {
#main-page aside {
padding: 30px 0;
margin: 0; } }
@media screen and (max-width: 480px) {
#main-page .row-margin-change {
margin-bottom: 20px; } }
/*
==========================
breadcrumbs
==========================
*/
#breadcrumbs {
color: #666;
font-size: 1.2rem;
line-height: 2rem;
clear: both;
overflow: hidden; }
#breadcrumbs .wrapper {
padding-left: 1rem; }
#breadcrumbs nav {
line-height: 0;
width: 100%; }
#breadcrumbs span {
float: left;
padding: 0.6rem 0 0;
line-height: 2.4rem; }
#breadcrumbs a {
color: #666; }
/*
==========================
breadcrumbs
==========================
*/
.branch-mpi div.banner {
background-image: url(/assets/branches/banners/mpi-2x.jpg); }
div.breadcrumbs {
color: #333333 !important;
font-size: 1.2rem;
line-height: 2rem;
clear: both;
overflow: hidden;
min-height: 50px;
padding: 10px; }
@media (max-width: 767px) {
div.breadcrumbs {
padding: 10px 0; } }
body.security div.breadcrumbs {
border-top: 1px solid rgba(255, 255, 255, 0.1); }
@media (max-width: 767px) {
.breadcrumbs__hr {
display: none; } }
div.breadcrumbs nav {
float: right;
line-height: 0; }
@media (max-width: 767px) {
div.breadcrumbs nav {
float: inherit; } }
div.breadcrumbs a {
color: #333333 !important; }
@media print {
div.breadcrumbs {
display: none; } }
.breadcrumbsPath {
padding-top: 5px;
font-size: 0; }
@media (max-width: 767px) {
.breadcrumbsPath {
display: none; } }
.breadcrumbsPath__item {
font-size: 14px;
line-height: 20px;
display: inline-block;
font-weight: 100; }
.breadcrumbsPath__item a {
text-decoration: none !important;
padding-bottom: 2px;
color: inherit !important;
border-bottom: 1px dotted transparent; }
.breadcrumbsPath__item a:hover, .breadcrumbsPath__item a:active, .breadcrumbsPath__item a:focus {
border-bottom: 1px solid #333333; }
.breadcrumbsPath__item--home svg {
vertical-align: text-top; }
.breadcrumbsPath__item svg {
fill: #333333; }
.breadcrumbsPath__delimiter {
padding: 0 0.35em;
font-size: 16px;
opacity: 0.5;
display: inline-block;
font-weight: 100; }
.breadcrumbsPath--inContent {
display: none;
padding: 15px;
border-top: 3px solid #f4f4f4;
border-bottom: 3px solid #f4f4f4;
margin-bottom: 20px; }
.breadcrumbsPath--inContent .breadcrumbsPath__item svg {
fill: #333333; }
@media (max-width: 767px) {
.breadcrumbsPath--inContent {
display: block; } }
.mpiSocialButtons nav {
width: 100%; }
.mpiSocialButtons .social-links {
float: right; }
.mpiSocialButtons__shareLabel {
float: right;
font-size: 1.25em;
margin-top: 17px;
font-weight: 100; }
/*
==========================
columnar layouts
==========================
*/
.columns:before,
.columns:after {
content: "";
display: table; }
.columns:after {
clear: both; }
.columns .column {
float: left; }
.columns > .column:first-child {
margin-left: 0 !important; }
/* standard layouts */
/* ---------------- */
main .columns.two .column {
width: 48%;
margin-left: 4%; }
main .columns.three .column {
width: 31.42857143%;
margin-left: 2.857142854%; }
html,
body {
font-family: "SourceSansPro";
font-weight: normal;
font-size: 10px;
font-display: block !important; }
body,
select,
input,
textarea {
color: #131313;
line-height: 1.4; }
.printonly {
display: none !important; }
hr {
border-top: 3px solid #f4f4f4 !important; }
body {
min-width: 20rem;
background-color: #fff; }
@media (max-width: 767px) {
body {
overflow-x: hidden; } }
#page-wrapper {
min-height: 100%; }
.mobileHidden {
display: block !important; }
@media (max-width: 767px) {
.mobileHidden {
display: none !important; } }
.mobileVisible {
display: none !important; }
@media (max-width: 767px) {
.mobileVisible {
display: block !important; } }
.wrapper {
margin: 0 auto;
width: 950px !important;
position: relative; }
@media (max-width: 1023px) {
.wrapper {
width: 100%;
padding: 0;
margin: 0; } }
@media (max-width: 767px) {
.wrapper {
width: 100% !important; }
#main-page aside {
padding-top: 2.4rem;
margin-top: 2rem; } }
@media (min-width: 769px) and (max-width: 1023px) {
body {
/* padding-top: 22rem; */ }
.wrapper {
width: 60rem !important;
padding-left: 1rem !important;
padding-right: 1rem !important; } }
.remove-from-page {
position: absolute;
top: -10000px;
left: -10000px;
width: 0;
height: 0;
overflow: hidden; }
.container--noMargin {
margin: 0; }
.container-fluid--positioner {
padding-left: 50px; }
.container--noPadding {
padding: 0 !important; }
.col--narrowLeftPadding {
padding-left: 5px !important; }
@media (max-width: 768px) {
.col--narrowLeftPadding {
padding-left: inherit !important; } }
.col--narrowRightPadding {
padding-right: 5px !important; }
@media (max-width: 768px) {
.col--narrowRightPadding {
padding-right: 15px !important; } }
.col--noLeftPadding {
padding-left: 0 !important; }
@media (max-width: 768px) {
.col--noLeftPadding {
padding-left: 15px !important; } }
.col--noRightPadding {
padding-right: 0 !important; }
@media (max-width: 768px) {
.col--noRightPadding {
padding-right: 15px !important; } }
.wrapper--lessPadding {
width: calc(950px - 20px) !important; }
@media (max-width: 768px) {
.wrapper--lessPadding {
width: auto !important; } }
.col--rightFooterBorder {
border-right: 1px solid rgba(255, 255, 255, 0.15); }
.col--leftFooterBorder {
border-left: 1px solid rgba(255, 255, 255, 0.15); }
.scrollableTable {
overflow-x: scroll; }
.scrollableTable:after {
margin-bottom: 5px; }
@media (max-width: 767px) {
.scrollableTable:after {
content: 'Scroll for more ...';
font-style: italic;
color: #666; } }
.scrollableTable::-webkit-scrollbar {
height: 15px; }
@media (max-width: 767px) {
.scrollableTable::-webkit-scrollbar {
display: none; } }
.scrollableTable::-webkit-scrollbar-thumb {
background: #333333;
border-radius: 20px; }
.scrollableTable::-webkit-scrollbar-track {
background: #f4f4f4;
border-radius: 20px; }
.scrollableTable table {
margin-bottom: 15px; }
body.branch-food main .intro .intro__heroImage--food {
display: block; }
body.branch-fish main .intro .intro__heroImage--fish {
display: block; }
body.branch-forest main .intro .intro__heroImage--forest {
display: block; }
body.branch-foodsafety main .intro .intro__heroImage--foodsafety {
display: block; }
body.branch-biosec main .intro .intro__heroImage--biosec {
display: block; }
/*
==========================
misc styles
==========================
*/
/* horizontal rule */
/* --------------- */
hr, .hr {
display: block;
height: 0.1rem;
border: 0;
border-top: 0.1rem solid #f4f4f4;
margin: 1.8rem 0 1.6rem 0;
padding: 0; }
hr--lessMargin, .hr--lessMargin {
margin: 10px 0; }
/* font styles */
/* ----------- */
b,
strong
.bold {
font-weight: normal; }
/* standard colour palette */
/* ----------------------- */
.color-01 {
color: #003F5F; }
.color-02 {
color: #6E298D; }
.color-03 {
color: #A7600C; }
.color-04 {
color: #CE4643; }
.color-05 {
color: #4C8324; }
.color-06 {
color: #6E298D; }
.color-08 {
color: #6F777B; }
/* custom text-selection colors */
/* ---------------------------- */
::-moz-selection {
background: #1875B4;
color: #fff;
text-shadow: none; }
::selection {
background: #1875B4;
color: #fff;
text-shadow: none; }
/* custom webkit tap highlight color */
/* ---------------------------------- */
a:link {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* other */
/* ----- */
ins {
background-color: #fcd700;
color: #000;
text-decoration: none; }
mark {
background-color: #fcd700;
color: #000;
font-style: italic;
font-weight: bold; }
.txt-left {
text-align: left; }
.txt-right {
text-align: right; }
.float-right {
float: right; }
.float-left {
float: left; }
#news-article-summary {
padding: 1.4rem 2rem;
background-color: #f4f4f4;
border-top: solid 0.1rem #cccccc;
border-bottom: solid 0.4rem #333333;
font-size: 1.4rem;
color: #131313; }
h1 + #news-article-summary,
* + #news-article-summary {
margin-top: 1rem !important;
margin-bottom: 2rem; }
#news-article-summary p {
margin: 0; }
/*
==========================
fix anchor scrolling behind the fixed header
==========================
*/
#main-content a:not([href]) {
display: block;
position: relative;
top: -150px;
visibility: hidden; }
.number_list li {
word-wrap: break-word;
border-bottom-width: 0px; }
ol.number_list {
list-style-position: outside;
padding-left: 3.8rem; }
figure.standard-image img {
max-width: 100% !important;
height: auto !important; }
html.wf-inactive
, .wf-inactive body {
font-size: 9px; }
body,
select,
input,
textarea {
font-family: "SourceSansPro"; }
.wf-inactive body {
font-size: 0.9em; }
h2 {
font-family: "SourceSansPro"; }
h3, h4, h5 {
font-family: "SourceSansPro";
font-weight: bold; }
b,
strong,
.bold {
font-family: "SourceSansPro";
font-weight: bold; }
button,
.button,
.button:visited,
.Actions input {
font-family: "SourceSansPro";
font-weight: bold; }
.entypo,
.font-icon {
font-family: 'font_icon'; }
main form label,
main form .field fieldset {
font-family: "SourceSansPro";
font-weight: bold; }
main form .optionset label,
main form .checkbox label {
font-family: "SourceSansPro"; }
main table th {
padding: 0.8rem 1.3rem 0.6rem 1.3rem;
background-color: #333333;
font-family: "SourceSansPro";
font-weight: bold; }
main blockquote {
font-family: Georgia, serif; }
main .table-header {
font-family: "SourceSansPro";
font-weight: bold; }
.page-info-feedback time {
font-family: "SourceSansPro";
font-weight: bold; }
#main-page .tile h2 {
font-family: "SourceSansPro"; }
#page-banner header .wrapper > h2 {
font-family: "SourceSansPro"; }
#page-foot h2 {
font-family: "SourceSansPro"; }
.tag-list {
font-family: "SourceSansPro";
font-weight: bold; }
.article-list article h3 {
font-family: "SourceSansPro"; }
.article-list article .article-info .columns {
font-family: "SourceSansPro";
font-weight: bold; }
.more-control {
font-family: "SourceSansPro";
font-weight: bold; }
#news-article-summary {
font-family: "SourceSansPro";
font-weight: bold; }
.lhs.search-filters .search-filter ul li span.active span {
font-family: "SourceSansPro";
font-weight: bold; }
dl.definition-list dfn {
font-family: "SourceSansPro";
font-weight: bold; }
.process-step header h3 {
font-family: "SourceSansPro"; }
#Form_DocumentRequestForm table td a {
font-family: "SourceSansPro";
font-weight: bold; }
.book-navigation .menu ul li a.active {
font-family: "SourceSansPro";
font-weight: bold; }
section.book-page h1 {
font-family: "SourceSansPro";
font-weight: bold; }
#MemberAjaxLoginForm_LoginForm label,
#MemberAjaxLoginForm_LoginForm .field fieldset {
font-family: "SourceSansPro";
font-weight: bold; }
#MemberAjaxLoginForm_LoginForm .checkbox label {
font-family: "SourceSansPro"; }
.dst-question-label {
font-family: "SourceSansPro";
font-weight: bold; }
.dst-question-intro,
.dst-question-heading {
font-family: "SourceSansPro";
font-weight: bold; }
.dst-result-question .dst-original-question,
.dst-result-answer {
font-family: "SourceSansPro";
font-weight: bold; }
.primary-nav-drop-down > ul > li h2 {
font-family: "SourceSansPro"; }
.article-list article .article-attributes {
font-family: "SourceSansPro";
font-weight: bold; }
/* FONT ICONS */
.fontIcon {
font-family: "font_icon"; }
.fontIcon--search:before {
content: "s"; }
.icon {
font-family: "font_icon"; }
/* definition results */
/* ------------------ */
dl.definition-list dt {
margin-top: 1rem;
padding-top: 1rem;
border-top: solid 0.1rem #cccccc; }
dl.definition-list dfn {
font-style: normal; }
dl.definition-list dd {
font-size: 1.5rem; }
.subjects__item__type {
font-size: 0.8em;
display: inline-block;
margin-left: 10px;
float: right;
margin-right: -60px;
padding-right: 5px;
background-size: 10px;
text-transform: lowercase;
font-weight: 100; }
.subjects__item__type svg {
width: 10px;
height: 10px;
display: inline-block;
margin-left: 5px;
vertical-align: middle; }
.select2-results__options {
border: 1px solid #333333; }
.select2-results__options li {
float: left;
width: 100%;
padding-right: 60px;
border-bottom: 1px solid #f4f4f4; }
.dms-documentset {
margin: 2rem 0; }
.dms-documentset .document-filter-tips {
margin: 15px 0 30px 0; }
@keyframes highlight {
50% {
background-color: lightgoldenrodyellow; } }
.dms-documentset .article-list article:first-child {
margin-top: 30px !important; }
.dms-documentset .article-list article.template {
visibility: hidden; }
.dms-documentset .article-list article .article-body {
margin-top: 0.6rem; }
.dms-documentset .article-list article.toggle div.article-body {
display: none;
padding-top: 0.6rem; }
.dms-documentset .article-list article.toggle.open > div.article-body {
display: block; }
.dms-documentset .article-list article.toggle h2 {
padding-bottom: 0.6rem; }
.dms-documentset .article-list article dl {
font-size: 1.3rem;
overflow: hidden;
white-space: nowrap; }
.dms-documentset .article-list article dt
, .dms-documentset .article-list article dd {
display: inline-block;
vertical-align: text-top; }
.dms-documentset .article-list article dt {
/*
clear: none;
text-transform: uppercase;
color: #00849f;
float: left;
width: 25%;
*/
font-family: "SourceSansPro";
font-weight: bold; }
.dms-documentset .article-list article dt:after {
content: ':';
padding-right: 0.7em; }
.dms-documentset .article-list article dd {
color: #131313;
text-transform: none;
white-space: normal;
width: 75%;
float: right; }
.dms-documentset .article-list article dd + dd {
display: block; }
.dms-documentset .article-list article p {
/*
margin-top: 0.6rem;
margin-bottom: 0.6rem;
font-size: 0.9em;
*/ }
.dms-documentset .pagination {
width: 100%;
float: left;
padding: 30px 0;
text-align: center;
margin-bottom: 30px; }
.dms-documentset .pagination .load-more {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently supported by Chrome and Opera */
padding-top: 10px;
padding-bottom: 10px;
height: 50px;
min-width: 300px;
outline: none; }
.dms-documentset .pagination > a, .dms-documentset .pagination > span {
white-space: nowrap;
float: left;
padding: 0 0.4rem;
text-align: center; }
.dms-documentset .pagination > span.placeholder {
border: none;
background: none;
font-weight: normal;
color: #666;
cursor: default;
margin-top: 0.3rem; }
.dms-documentset a.first-link, .dms-documentset a.next-link {
display: none; }
.dms-documentset button.load-first {
display: none; }
.dms-documentset button.load-more span {
line-height: 2rem; }
.dms-documentset button span.spinner {
display: none;
line-height: 1rem;
vertical-align: middle; }
.dms-documentset button[disabled], .dms-documentset button[disabled]:hover {
box-shadow: none; }
.dms-documentset button[disabled] span.spinner {
display: inline-block;
border: 0; }
.dms-documentset button[disabled] .load-more__text {
display: none; }
.dms-documentset button[disabled].other-active span.spinner {
display: none; }
/*
==========================
decision support tool (DST)
==========================
*/
/* stages of DST progress */
/* ---------------------- */
.dst-start #dst-header .dst-section-title,
#dst-header #dst-outcomes-wrapper,
#dst-header #dst-print,
.dst-question #dst-start-content,
.dst-outcome #dst-start-content,
#dst-header .pageTitle {
display: none; }
.dst-start #dst-header .pageTitle {
display: block; }
.dst-with-outcomes #dst-header #dst-outcomes-wrapper,
.dst-outcome #dst-header #dst-print {
display: table-cell; }
/* common dst header */
/* ----------------- */
#dst-header {
position: relative;
display: table;
width: 100%;
margin: 0 0 6px 0;
margin: 0 0 0.6rem 0;
padding: 0;
border-collapse: collapse; }
#dst-header > * {
display: table-cell;
vertical-align: bottom; }
#dst-outcomes-wrapper,
#dst-print {
width: 1%;
padding: 0 0 4px 8px;
padding: 0 0 0.4rem 0.8rem; }
#dst-print a, #dst-journeys-list a {
border: none; }
#dst-journeys-list-inner {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: -7px 0 0 0;
margin: -0.7rem 0 0 0;
border: solid 6px rgba(0, 0, 0, 0.6);
border-radius: 1.2rem;
box-shadow: 0 0 0.4rem #333333;
background-color: #ffffff; }
#dst-journeys-list-inner > table {
border-collapse: collapse;
margin: 4px 0; }
#dst-journeys-list-inner > table th {
background-color: #ffffff;
font-size: 18px;
font-size: 1.8rem;
color: #212121; }
#dst-journeys-list-inner > table th.interaction {
width: 1%; }
#dst-journeys-list-inner > table td {
border: none !important;
background-color: #ffffff;
font-size: 15px;
font-size: 1.5rem;
color: #212121;
vertical-align: middle; }
#dst-journeys-list-inner > table tr.data-row + tr.data-row td {
border-top: solid 1px #cccccc !important; }
#dst-journeys-list-inner > table td.interaction {
width: 1%;
text-align: center; }
#dst-journeys-list-inner > table td a {
display: inline-block;
text-decoration: none; }
#dst-journeys-list-inner > table td a.dst-saved-save {
margin-right: 16px; }
#dst-journeys-list-inner > table td a.dst-saved-edit:before,
#dst-journeys-list-inner > table td a.dst-saved-save:before,
#dst-journeys-list-inner > table td a.dst-saved-cancel:before,
#dst-journeys-list-inner > table td a.dst-saved-delete:before {
font-size: 20px;
font-size: 2rem; }
#dst-journeys-list-inner > table td a.dst-saved-edit span,
#dst-journeys-list-inner > table td a.dst-saved-save span,
#dst-journeys-list-inner > table td a.dst-saved-cancel span,
#dst-journeys-list-inner > table td a.dst-saved-delete span {
display: inline-block;
width: 0;
height: 0;
overflow: hidden;
font-size: 1px;
position: absolute;
left: -99999em;
visibility: hidden;
opacity: 0; }
#dst-journeys-list-inner > table tr td a.dst-saved-save,
#dst-journeys-list-inner > table tr td a.dst-saved-cancel,
#dst-journeys-list-inner > table tr td input.dst-saved-input-name,
#dst-journeys-list-inner > table tr.editing td a.dst-saved-edit,
#dst-journeys-list-inner > table tr.editing td a.dst-saved-select {
display: none; }
#dst-journeys-list-inner > table tr.editing td a.dst-saved-save,
#dst-journeys-list-inner > table tr.editing td a.dst-saved-cancel,
#dst-journeys-list-inner > table tr.editing td input.dst-saved-input-name {
display: inline-block; }
#dst-print a:after {
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
padding-left: 10px;
padding-left: 1rem;
vertical-align: middle;
text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4); }
#dst-start-options {
padding: 30px;
background-color: #f4f4f4;
float: left;
width: 100%; }
#dst-start-options ul {
list-style: none;
padding: 0;
margin: 20px 0 0 0; }
#dst-start-options hr {
margin-left: -30px;
margin-left: -3rem;
margin-right: -30px;
margin-right: -3rem;
border-width: 4px; }
ul.dst-start-list {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 2rem;
font-size: 20px;
/*
-webkit-column-count: 2;
-moz-column-count: 2;
-ms-column-count: 2;
column-count: 2;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
-ms-column-gap: 1rem;
column-gap: 1rem;
*/ }
* + ul.dst-start-list {
margin-top: 16px;
margin-top: 1.6rem; }
ul.dst-start-list li {
/*
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
*/ }
ul.dst-start-list li + li {
margin-top: 10px;
margin-top: 1rem; }
ul.dst-start-list li a {
text-decoration: none;
transition: all 0.2s; }
ul.dst-start-list li a:hover, ul.dst-start-list li a:active, ul.dst-start-list li a:focus {
text-decoration: none; }
ul.dst-start-list li a.dst-action {
background-color: rgba(24, 117, 180, 0.05);
border-left: 10px solid rgba(24, 117, 180, 0.25);
transition: all 0.2s;
padding: 15px;
float: left;
width: 100%;
margin-bottom: 10px;
border: none; }
ul.dst-start-list li a.dst-action:hover, ul.dst-start-list li a.dst-action:focus {
background-color: #1875B4;
color: #ffffff; }
.dst-action__icon {
fill: #1875B4; }
.dst-action__linkTitle {
font-family: "SourceSansPro";
font-weight: bold;
font-size: 20px;
line-height: 18px; }
.dst-action__subTitle {
font-size: 16px; }
.dst-action__arrowRight {
width: 20px;
height: 20px;
transform: rotate(45deg);
border-top: 1px solid #1875B4;
border-right: 1px solid #1875B4;
float: right;
margin-top: 10px;
margin-right: 10px; }
.dst-action:hover .dst-action__arrowRight, .dst-action:focus .dst-action__arrowRight, .dst-action:active .dst-action__arrowRight {
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff; }
a.button.dst-action {
font-size: 18px;
font-size: 1.8rem;
min-width: 220px; }
/* question page */
/* ------------- */
h2.dst-section-title {
margin-top: -0.4rem;
font-size: 5rem;
line-height: 1.1;
font-weight: normal;
color: #003f5f; }
.dst-question-content {
background: #f4f4f4;
padding: 30px;
float: left;
width: 100%; }
.dst-question-content hr {
margin-left: -30px;
margin-left: -3rem;
margin-right: -30px;
margin-right: -3rem;
border-width: 4px; }
.dst-question-label {
display: inline-block;
margin-bottom: 15px;
border-bottom: 3px solid; }
.dst-question-intro,
.dst-question-heading {
font-size: 2.8rem;
font-size: 28px;
line-height: 1.2;
font-weight: normal;
color: #333333; }
.dst-answer-options {
display: table;
margin: 50px auto;
margin-top: 20px auto 0 auto;
font-size: 36px;
line-height: 1; }
.dst-answer-options a {
border: none !important; }
.dst-answer-options > * {
display: table-cell;
padding: 0 3rem;
padding: 0 30px;
vertical-align: middle;
line-height: 1; }
.dst-answer-options > * + *:before {
position: relative;
left: -32px;
top: 0;
content: '';
display: inline-block;
overflow: hidden;
width: 0;
height: 120px;
border-left: 5px dotted rgba(24, 117, 180, 0.25);
vertical-align: middle; }
.dst-answer-options a {
display: inline-block;
width: 150px;
height: 150px;
margin: 0;
padding: 0 20px;
overflow: hidden;
border: solid 5px rgba(24, 117, 180, 0.25);
background-color: rgba(24, 117, 180, 0.05);
border-radius: 50%;
text-align: center;
line-height: 4.12;
text-decoration: none !important;
vertical-align: middle;
transition: all 0.2s; }
.dst-answer-options a:hover, .dst-answer-options a:focus {
border-color: #1875B4;
background-color: #1875B4;
color: #ffffff; }
.dst-back-links {
float: left; }
.dst-back-links a {
background: #1875B4;
color: #ffffff !important;
padding-left: 20px;
padding: 10px 15px 10px 15px;
text-decoration: none !important;
display: inline-block;
font-size: 14px;
border: none !important; }
.dst-back-links a:hover, .dst-back-links a:focus, .dst-back-links a:active {
background: rgba(24, 117, 180, 0.05);
color: #1875B4 !important; }
.dst-back-links a:hover:before, .dst-back-links a:focus:before, .dst-back-links a:active:before {
border-left: 1px solid #1875B4;
border-top: 1px solid #1875B4; }
.dst-back-links a:before {
content: '';
width: 10px;
height: 10px;
display: inline-block;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
transform: rotate(-45deg);
margin-right: 10px; }
.dst-back-links * + * {
margin-left: 1px; }
/* dst outcomes page */
/* ----------------- */
#dst-outcome-wrapper {
padding: 30px;
float: left;
background: #f4f4f4; }
#dst-outcome-wrapper .feature-link {
border: 2px solid #285a9b; }
#dst-outcome-wrapper .feature-link:before {
left: 55px; }
.dst-outcome-title {
display: none; }
.dst-outcome-title + * {
margin-top: 0; }
#dst-back-to-start-btn {
height: 38px;
height: 3.8rem;
padding: 0 30px;
padding: 0 3rem;
line-height: 38px;
line-height: 3.8rem;
font-size: 20x;
font-size: 2rem; }
.dst-answer-list table td {
padding-left: 35px !important;
padding-right: 0 !important; }
#dst-answer-list-wrapper h4 {
padding: 10px;
padding: 1rem; }
#dst-answer-list-wrapper h4:before {
display: inline-block;
vertical-align: middle;
padding-right: 10px;
padding-right: 1rem;
font-size: 20px;
font-size: 2rem;
color: #666666; }
#dst-answer-list-wrapper h4 a {
color: #133d5f;
text-decoration: none;
vertical-align: middle; }
#dst-answer-list-wrapper h4 a:hover,
#dst-answer-list-wrapper h4 a:focus {
text-decoration: underline; }
#dst-answer-list-wrapper .dst-answer-list {
display: none;
margin-top: -3px !important; }
#dst-answer-list-wrapper.open .dst-answer-list {
display: block; }
.dst-answer-list table {
width: 100%;
margin: 0;
padding: 0;
border: none !important; }
.dst-answer-list table td {
vertical-align: top;
padding: 12px !important;
padding: 1.2rem !important;
background-color: transparent !important;
border: none !important; }
.dst-answer-list table tr + tr td {
border-top: solid 1px #cccccc !important; }
.dst-result-question .dst-original-question,
.dst-result-answer {
font-size: 18px;
font-size: 1.8rem; }
.dst-result-question .dst-original-description {
margin-top: 8px;
margin-top: 0.8rem; }
.dst-answer-list table td.dst-result-answer {
width: 1%;
padding: 10px;
text-align: center; }
/* ---- */
#dst-question-wrapper {
margin-top: 30px;
float: left;
width: 100%;
margin-bottom: 30px; }
#dst-question-wrapper.processing:after {
position: absolute;
left: 50%;
width: 6.4rem;
height: 6.4rem;
margin-top: -3.2rem;
margin-left: -3.2rem;
content: '';
background: url(7ac8dc1d934d1dfe943b85cd025b4bfe.gif) 0 0 no-repeat transparent;
background-size: contain; }
@media (max-width: 768px) {
/*
==========================
decision support tool (DST)
==========================
*/
/* stages of DST progress */
/* ---------------------- */
.dst-with-outcomes #dst-header #dst-outcomes-wrapper,
.dst-outcome #dst-header #dst-print {
display: inline-block; }
/* common dst header */
/* ----------------- */
#dst-header {
display: block;
width: auto; }
#dst-header > * {
display: block;
vertical-align: middle; }
#dst-outcomes-wrapper,
#dst-print {
display: inline-block;
padding: 0;
margin: 0.2rem 0 0.2rem 1rem;
width: auto; }
#dst-journeys-list-inner > table th {
font-size: 1.5rem; }
#dst-journeys-list-inner > table td {
font-size: 1.4rem; }
#dst-journeys-list-inner > table td a.dst-saved-edit:before,
#dst-journeys-list-inner > table td a.dst-saved-save:before,
#dst-journeys-list-inner > table td a.dst-saved-cancel:before,
#dst-journeys-list-inner > table td a.dst-saved-delete:before {
font-size: 1.8rem; }
#dst-journeys-list-inner > table td a.dst-saved-save {
margin-right: 1rem; }
#dst-journeys-list-inner > table tr td input.dst-saved-input-name {
width: 10rem; }
/* start page */
/* ---------- */
#dst-start-options {
padding: 1.2rem; }
#dst-start-options hr {
margin-left: -1.2rem;
margin-right: -1.2rem; }
ul.dst-start-list {
-webkit-column-count: 1;
-moz-column-count: 1;
-ms-column-count: 1;
column-count: 1; }
/* question page */
/* ------------- */
h2.dst-section-title {
font-size: 3.2rem; }
.dst-question-content {
padding: 1.2rem;
font-size: 1.6rem; }
.dst-question-content hr {
margin-left: -1.2rem;
margin-right: -1.2rem; }
.dst-question-intro,
.dst-question-heading {
font-size: 2.2rem; }
.dst-answer-options {
font-size: 2.8rem; }
.dst-answer-options > * {
padding: 0 1.6rem; }
.dst-answer-options > * + *:before {
left: -1.6rem;
height: 8rem; }
.dst-answer-options a {
width: 10rem;
height: 10rem;
padding: 0 1.2rem;
line-height: 3.6; }
/* dst outcomes page */
/* ----------------- */
#dst-outcome-wrapper {
padding: 1.2rem; }
#dst-back-to-start-btn {
padding: 0 2.4rem; }
#dst-answer-list-wrapper h4 {
font-size: 1.6rem; }
#dst-answer-list-wrapper h4:before {
padding-right: 0.6rem; }
.dst-answer-list table td {
padding: 1rem !important; }
.dst-answer-list table td.dst-result-question {
padding-left: 1rem !important;
font-size: 1.4rem; }
.dst-result-question .dst-original-question,
.dst-result-answer {
font-size: 1.6rem; } }
@media (print) {
/*
==========================
decision support tool (DST)
==========================
*/
#dst-answer-list-wrapper .dst-answer-list,
#dst-journeys-list-inner {
display: block; }
.dst-outcome #dst-start-content,
#dst-journeys-list > a.button,
#dst-journeys-list-inner .interaction,
#dst-journeys-list-inner .dst-saved-input-name,
#dst-print,
.dst-outcome-title {
display: none; }
.dst-back-links * + * {
margin-left: 20px;
margin-left: 2rem; } }
/*
==========================
document / link highlight
==========================
*/
main .table-header {
padding: 0.8rem 1.3rem 0.6rem 1.3rem;
background-color: #0085A0 !important;
font-size: 1.8rem;
color: #ffffff;
font-weight: normal;
text-align: left;
vertical-align: top; }
main .feature-doc,
main .feature-link {
display: block;
clear: both;
border: none;
border-radius: 0;
margin: 15px 0;
font-size: 15px;
background-color: #f4f4f4;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
padding: 15px 15px 15px 67px; }
main .feature-doc:before,
main .feature-link:before {
content: '';
background: #285a9b url(47f7a30adf86e35b635a0c3508417793.svg) center;
background-size: 30px 30px;
background-repeat: no-repeat;
width: 52px;
height: 52px;
margin: -15px 15px -15px -67px;
float: left; }
main .feature-doc a,
main .feature-link a {
font-family: "SourceSansPro" !important;
padding: 15px 0 0 0;
line-height: 1.25em;
text-decoration: none !important;
color: #1875B4 !important; }
main .feature-doc:before {
background: #285a9b url(3185a2ae27df848db32b18ce7176bdbb.svg) 15px center no-repeat;
background-size: 25px 25px; }
main .feature-doc a,
main .feature-link a {
/*
display: inline-block;
padding-top: 1.4rem;
font-size: 1.8rem;
*/ }
main .feature-doc:before,
main .feature-link:before {
/*
display: block;
margin: 0;
margin-left: -5.6rem;
float: left;
-webkit-border-radius: 2.3rem;
-moz-border-radius: 2.3rem;
border-radius: 2.3rem;
font-size: 2.6rem;
line-height: 1;
color: #fff;
background-color: #70777A;
text-align: center;
*/ }
@media (max-width: 767px) {
/*
==========================
document / link highlight
==========================
*/ }
main .special-feature .feature-link, main .special-feature .feature-doc, .process-detail .feature-link, .process-detail .feature-doc {
border: 2px solid #285a9b;
display: block; }
main .special-feature .feature-link a, main .special-feature .feature-doc a, .process-detail .feature-link a, .process-detail .feature-doc a {
border: none !important; }
main .special-feature .feature-link a:hover, main .special-feature .feature-link a:focus, main .special-feature .feature-link a:active, main .special-feature .feature-doc a:hover, main .special-feature .feature-doc a:focus, main .special-feature .feature-doc a:active, .process-detail .feature-link a:hover, .process-detail .feature-link a:focus, .process-detail .feature-link a:active, .process-detail .feature-doc a:hover, .process-detail .feature-doc a:focus, .process-detail .feature-doc a:active {
border: none !important; }
main .special-feature .feature-link:hover, main .special-feature .feature-link:focus, main .special-feature .feature-link:active, main .special-feature .feature-doc:hover, main .special-feature .feature-doc:focus, main .special-feature .feature-doc:active, .process-detail .feature-link:hover, .process-detail .feature-link:focus, .process-detail .feature-link:active, .process-detail .feature-doc:hover, .process-detail .feature-doc:focus, .process-detail .feature-doc:active {
border: 2px solid #285a9b;
background-color: rgba(24, 118, 181, 0.05); }
main .special-feature .feature-link:before, main .special-feature .feature-link:before, main .special-feature .feature-doc:before, main .special-feature .feature-doc:before {
left: 35px; }
.process-detail .feature-link:before, .process-detail .feature-link:before, .process-detail .feature-doc:before, .process-detail .feature-doc:before {
left: 32px;
margin: -15px 15px -15px -67px; }
.tabbycat .footer__logos a:focus {
outline: 3px solid #8DC63F; }
.tabbycat .footer__shielded {
width: auto; }
.tabbycat .footer__shielded:focus {
outline: 3px solid #8DC63F; }
@media (max-width: 767px) {
.footer .table-cell {
display: block; }
.footer #page-foot-upper section ul {
float: left;
width: 100%; } }
.footer__nzgovtLogo {
font-size: 0; }
@media (max-width: 767px) {
.footer__nzgovtLogo {
margin: 0 0 20px 0; } }
.footer__nzgovtLogo a {
display: block;
background: url(2347b5e2a7d45442b15bf8c45ff3babf.svg) 0 0 no-repeat transparent;
width: 200px;
height: 22px; }
.footer__nzgovtLogo a:focus {
background-color: rgba(255, 255, 255, 0.1); }
@media (max-width: 767px) {
.footer__nzgovtLogo a {
float: left;
margin-top: 10px; } }
.footer__logos {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.footer__mpiLogo {
float: none;
display: inline-block;
width: auto;
margin-right: 30px;
font-size: 0; }
.footer__mpiLogo a {
display: inline-block;
background: url(8f9304d0064985a97301a6c4faff6a75.svg) 0 0 no-repeat transparent;
width: 200px;
height: 50px;
margin-bottom: 10px;
margin-right: 30px; }
@media (max-width: 767px) {
.footer__mpiLogo a {
margin-bottom: 0; } }
.footer__mpiLogo .footer__shielded {
background: none;
display: inline-block;
width: 40px;
padding-top: 5px;
vertical-align: top; }
.footer__sections {
min-height: 385px; }
@media (max-width: 767px) {
.footer__sections {
min-height: auto;
display: none !important; } }
.footer__contacts {
min-height: 350px; }
@media (max-width: 767px) {
.footer__contacts {
min-height: auto; } }
.footerLinks__item {
margin-bottom: 5px;
padding-bottom: 2px;
display: inline-block; }
.footerLinks__item:hover, .footerLinks__item:active, .footerLinks__item:focus {
text-decoration: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.5); }
.footerLinks__delimeter {
display: inline-block;
padding: 0 3px;
opacity: 0.25; }
.footerUpdates {
border-bottom: 1px solid #454545;
padding-bottom: 5px; }
@media (max-width: 767px) {
.footerUpdates {
border: none; } }
#page-foot {
position: relative;
background-color: #333333;
font-size: 14px;
color: #ccc; }
#page-foot h2 {
font-size: 2.2rem;
font-weight: normal;
color: #ccc;
margin-top: 30px;
font-weight: bold;
margin-bottom: 1rem; }
#page-foot a {
color: #ccc; }
#page-foot ul {
list-style-type: none;
padding: 0; }
#page-foot ul li {
margin-top: 0.3rem; }
#footer-nav .column {
margin-left: 2.5rem; }
/* contact area */
#footer-contacts a {
display: inline-block;
margin-right: 2rem;
font-size: 1em;
display: block;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 6px; }
/* lower footer area */
/* ----------------- */
#page-foot-lower {
border-top: solid 0.1rem #454545;
padding: 20px 0;
float: left;
background: #333333;
width: 100%; }
#page-foot-lower .wrapper {
padding: 0 15px; }
@media (max-width: 767px) {
#page-foot-lower .wrapper {
padding: 0; } }
#page-foot-lower p {
float: left; }
/** small size **/
@media (max-width: 767px) {
#page-foot-upper,
#page-foot-upper .wrapper.table {
height: auto;
min-height: 0; }
#page-foot-upper {
padding: 1rem 0 0.8rem 0;
background-image: none; }
#page-foot-upper .wrapper.table .table-cell {
border: none; }
#page-foot-upper .wrapper.table .table-cell > * {
margin: 0; }
#page-foot-upper section h2 {
display: block;
float: left;
padding: 0.6rem 0 0 0; }
#page-foot-upper section ul {
display: block;
float: right; } }
/** medium size **/
@media (max-width: 979px) {
#page-foot-lower p {
max-width: 40rem; } }
@media print {
#page-foot-upper {
margin-top: 12pt;
padding-top: 6pt;
border-top: solid 1pt #eeeeee; }
#page-foot-upper #footer-contacts {
display: block; }
#footer-contacts h2 {
font-size: 16pt; }
#footer-contacts ul li span {
display: inline-block;
margin-right: 12pt; }
#footer-contacts ul li a {
text-decoration: none; } }
.vertical_center {
display: flex;
align-items: center; }
/*
==========================
forms
==========================
*/
main form {
padding: 30px;
background: #f4f4f4; }
main * + form {
margin-top: 1.6rem; }
/* placeholders */
form input::-webkit-input-placeholder, form input:-ms-input-placeholder, form input::placeholder, form select::-webkit-input-placeholder, form select:-ms-input-placeholder, form select::placeholder {
color: #767676;
opacity: 1; }
/* disable form input */
/* ------------------ */
form.inactive:before {
position: absolute;
top: -0.1rem;
right: -0.1rem;
bottom: -0.1rem;
left: -0.1rem;
content: '';
background-color: rgba(255, 255, 255, 0.5);
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem; }
form.inactive:after {
position: absolute;
top: 50%;
left: 50%;
width: 6.4rem;
height: 6.4rem;
margin-top: -3.2rem;
margin-left: -3.2rem;
content: '';
background: url(7ac8dc1d934d1dfe943b85cd025b4bfe.gif) 0 0 no-repeat transparent;
background-size: contain; }
/* general form inner styles */
/* ------------------------- */
main form input,
main form select,
main form textarea {
display: block;
width: 100%;
border: none;
padding: 10px;
background: #ffffff;
line-height: inherit !important; }
main form .field {
position: relative; }
main form .field + .field {
margin-top: 1.2rem; }
.Actions {
margin-top: 2rem;
padding-top: 2rem;
border-top: solid 0.1rem #cdd6dc;
text-align: right; }
.Actions input + input {
margin-left: 1rem; }
/* form field labels */
/* ----------------- */
main form label,
main form .field fieldset {
display: inline-block;
color: #333333; }
main form .req-indicator,
main form .required,
main form .validation,
main form .error {
color: #990000; }
main form .error {
font-weight: normal; }
main form span.extra {
display: block;
font-size: 90%;
color: #666666; }
main form span.helper {
position: absolute;
top: -0.2rem;
left: 38rem;
width: 2rem;
height: 2rem;
color: #ffffff;
background-color: #999999;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
font-size: 1.3rem;
line-height: 1.63;
text-align: center;
cursor: pointer; }
main form span.extra.popup {
display: none;
position: absolute;
z-index: 10;
top: -0.2rem;
left: 41rem;
max-width: 20rem;
border: solid 0.2rem #71777B;
background-color: #ffffff;
padding: 1rem;
box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.4);
font-size: 1.3rem;
color: #131313; }
main form span.extra.popup.active {
display: block; }
/* check boxes and radio buttons */
/* ----------------------------- */
form .twocol.optionset .middleColumn {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
width: 100%; }
form .twocol.optionset .middleColumn div {
display: block;
width: 100%;
margin-bottom: 5px; }
@media (min-width: 768px) {
form .twocol.optionset .middleColumn div {
width: calc(50% - 10px); } }
main form .optionset {
list-style-type: none;
margin: 0; }
main form .optionset label,
main form .checkbox label {
display: inline;
vertical-align: middle;
color: #131313; }
main form .optionset input,
main form .checkbox input {
display: inline;
padding: 0;
width: auto;
margin: 5px 10px 5px 5px;
border: none;
box-shadow: none;
vertical-align: initial; }
main form .fieldgroup-field {
display: inline-block;
width: 44%; }
@media (min-width: 769px) and (max-width: 1023px) {
main form span.extra.popup {
left: auto;
right: 15rem;
max-width: 28rem; } }
/*
==========================
glossary page
==========================
*/
/* search section */
/* -------------- */
.pagination.glossary {
margin-bottom: 1.6rem;
text-align: left; }
.pagination.glossary span,
.pagination.glossary a {
margin-top: 0.8rem;
margin-left: 0;
margin-right: 0.3rem; }
#glossary-search-form form {
padding-top: 2rem; }
#glossary-search-form label {
display: block;
font-size: 1.8rem;
color: #00849f; }
#glossary-search-form .form-group .text-input {
display: inline-block;
width: 40rem;
margin-right: 0.2rem;
height: 3.6rem;
vertical-align: top; }
#glossary-search-form .form-group button {
display: inline-block;
width: 3.6rem;
height: 3.6rem;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 2rem;
line-height: 1;
-webkit-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
-moz-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
#glossary-search-form form {
padding-top: 0.8rem; }
#glossary-search-form .form-group .text-input {
width: -webkit-calc(100% - 3.8rem);
width: -moz-calc(100% - 3.8rem);
width: calc(100% - 3.8rem); } }
@media (min-width: 769px) and (max-width: 1023px) {
/* search section */
/* -------------- */
.pagination.glossary span,
.pagination.glossary a {
margin-top: 1rem;
margin-right: 0.8rem; } }
@media (min-width: 768px) {
body.home header.page {
background-color: transparent; } }
header.page {
overflow: visible;
float: left;
background: #333333;
vertical-align: 60px;
background-size: cover;
min-width: 100%;
z-index: 2;
padding-bottom: 10px;
position: fixed;
top: 0;
min-height: 60px; }
header.page svg {
width: 21px;
height: 21px;
fill: #ffffff; }
header.page body.home {
background-color: transparent !important; }
header.page body.scrolling {
background: #333333; }
@media (max-width: 767px) {
header.page {
padding-bottom: 10px; }
header.page #HeaderSearch {
position: absolute;
right: 10px;
bottom: -42px; } }
header.page .header__branchLogo {
position: relative;
z-index: 1; }
header.page .header__branchLogo img {
display: inline-block;
width: 250px;
height: 60px; }
@media (max-width: 768px) {
header.page .header__branchLogo img {
max-height: 35px;
max-width: 150px;
position: absolute; } }
header.page .header__branchLogo a:focus {
outline: none; }
header.page .header__branchLogo a:focus img {
outline: none;
background: rgba(255, 255, 255, 0.05); }
header.page .utility__nav-wrapper,
header.page .primary__nav-wrapper,
header.page .search__bar-wrapper {
display: inline-block;
vertical-align: top; }
header.page .header__nav {
float: right;
padding-right: 15px;
margin-top: 10px; }
@media (max-width: 768px) {
header.page .header__nav {
margin-top: 0; } }
header.page .header__nav nav {
line-height: 3em;
vertical-align: top; }
header.page .header__nav nav li {
list-style: none; }
header.page .header__nav nav li.dropdown > ul {
display: none;
line-height: 2em;
direction: rtl;
position: absolute;
overflow: visible;
z-index: 1; }
header.page .header__nav nav li.dropdown > ul > li {
direction: ltr;
margin: 0.75rem; }
header.page .header__nav nav li.dropdown.active {
max-width: none;
overflow: visible; }
/*
==========================
simple highlight question text
==========================
*/
.highlight-question {
padding: 10px 10px 10px 50px;
padding: 1rem 1rem 1rem 5rem;
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
background-color: #e9e9e9;
font-size: 15px;
font-size: 1.5rem; }
* + .highlight-question {
margin-top: 10px;
margin-top: 1rem; }
.highlight-question:before {
display: block;
float: left;
margin-left: -33px;
margin-left: -3.3rem;
font-size: 24px;
font-size: 2.4rem;
line-height: 0.8;
color: #6e777a; }
.highlight-question .inner {
overflow: hidden; }
@media (max-width: 767px) {
.highlight-question {
padding: 0.8rem 1rem 0.8rem 4rem;
font-size: 1.4rem; }
.highlight-question:before {
margin-left: -3rem; } }
/*
==========================
home page
==========================
*/
.home #page-banner {
min-height: 49rem; }
.home #page-banner:before,
.home #page-banner:after {
content: "";
display: table; }
.home #page-banner:after {
clear: both; }
.home #page-banner header {
text-align: center;
padding: 1.6rem 0;
background-color: rgba(0, 63, 95, 0.3);
-webkit-box-shadow: 0 0.3rem 0.3rem -0.3rem rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0.3rem 0.3rem -0.3rem rgba(0, 0, 0, 0.3);
box-shadow: 0 0.3rem 0.3rem -0.3rem rgba(0, 0, 0, 0.3); }
.home #page-banner header .wrapper {
padding: 0 4rem; }
.home #page-banner header h2 {
text-transform: none;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none; }
ul#home-nav-tags {
display: block;
float: left;
width: 62rem;
min-height: 25rem;
margin: 4rem 0 4rem 1rem; }
ul#home-nav-tags li {
display: block;
float: left;
margin: 0 0.5rem 0.5rem 0; }
ul#home-nav-tags li a {
display: block;
height: 3.8rem;
padding: 0 2rem;
overflow: hidden;
background-color: #fff;
-webkit-border-radius: 1.7rem;
-moz-border-radius: 1.7rem;
border-radius: 1.7rem;
-webkit-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.5);
font-size: 2.2rem;
color: #333333;
line-height: 4rem;
white-space: nowrap;
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s; }
ul#home-nav-tags li a:hover,
ul#home-nav-tags li a:focus {
text-decoration: none;
background-color: #1875B4;
color: #fff; }
/* home banner alerts */
/* ------------------ */
.home #page-banner.alert header:before {
display: block;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 63, 95, 0.3); }
.home #page-banner.alert div.alert .columns {
overflow: hidden; }
.home #page-banner.alert div.alert .columns .column {
float: left;
width: 55rem;
margin-right: 2rem;
padding-left: 0; }
.home #page-banner.alert div.alert .columns #alert-contact-info {
position: relative;
width: 28rem;
margin-right: 0;
padding-left: 2rem;
font-size: 1.6rem; }
.home #page-banner.alert div.alert .columns #alert-contact-info:before {
content: '';
display: block;
position: absolute;
top: -3.4rem;
left: 0;
height: 6rem;
border-left: solid 0.1rem #ffffff; }
.home #page-banner.alert div.alert .columns #alert-contact-info a {
color: #ffffff;
text-decoration: none; }
.home #page-banner.alert div.alert .columns #alert-contact-info a:hover,
.home #page-banner.alert div.alert .columns #alert-contact-info a:focus {
text-decoration: underline; }
.home #page-banner.alert div.alert .columns #alert-contact-info p {
display: table;
border-collapse: collapse;
width: 100%; }
.home #page-banner.alert div.alert .columns #alert-contact-info p span {
display: table-cell;
padding-bottom: 0.5rem;
vertical-align: top;
text-align: left; }
.home #page-banner.alert div.alert .columns #alert-contact-info p span + span {
padding-left: 1rem;
text-align: right;
word-break: break-all; }
@media (max-width: 767px) {
.sticky-margin {
margin-top: -8.8rem; }
.home #page-banner {
background-position: center -webkit-calc(100% - 20rem);
background-position: center -moz-calc(100% - 20rem);
background-position: center calc(100% - 2rem);
min-height: 30em; }
.home #page-banner header {
padding: 1rem 0; }
.home #page-banner header .wrapper,
.home #page-banner .wrapper {
padding: 0 !important; }
.home #page-banner header .wrapper > h2 {
font-size: 1.8rem; }
/* home banner alerts */
/* ------------------ */
.home #page-banner.alert div.alert .columns {
overflow: visible;
padding: 2.5rem 1rem 1rem 5rem !important; }
.home #page-banner.alert div.alert .columns .column {
float: none;
width: auto;
margin-right: 0; }
.home #page-banner.alert div.alert .columns #alert-contact-info {
padding: 0.8rem 0 0 0;
margin-top: 1rem;
font-size: 1.5rem; }
.home #page-banner.alert div.alert .columns #alert-contact-info:before {
right: 5rem; }
.home #page-banner.alert div.alert .columns #alert-contact-info h4 + * {
margin-top: 0.2rem; }
.home #page-banner.alert div.alert .columns #alert-contact-info p {
width: 100%; }
.home #page-banner.alert div.alert .columns #alert-contact-info p span {
padding-bottom: 0.1rem; }
/* nav tags */
/* -------- */
ul#home-nav-tags li {
margin: 0 0.3rem 0.5rem 0; }
ul#home-nav-tags li a {
height: 3rem;
padding: 0 1rem;
font-size: 1.4rem;
line-height: 3.2rem; } }
@media (min-width: 769px) and (max-width: 1023px) {
.home #page-banner header {
padding-top: 1rem;
text-align: center; }
.home #page-banner header .wrapper {
padding-left: 4rem !important;
padding-right: 4rem !important; }
.home #page-banner header .wrapper > h2 {
padding-top: 0;
font-size: 3rem; }
/* home banner alerts */
/* ------------------ */
.home #page-banner.alert div.alert .columns {
overflow: visible; }
.home #page-banner.alert div.alert .columns .column {
float: none;
width: auto;
margin-right: 0; }
.home #page-banner.alert div.alert .columns #alert-contact-info {
position: relative;
width: auto;
padding: 1rem 0 0 0;
margin-top: 1.2rem; }
.home #page-banner.alert div.alert .columns #alert-contact-info:before {
top: 0;
left: -30rem;
right: 12rem;
height: 0;
border-left: none;
border-top: solid 0.1rem #ffffff; }
.home #page-banner.alert div.alert .columns #alert-contact-info p {
width: 60%; }
.home #page-banner.alert div.alert .columns #alert-contact-info p span {
padding-bottom: 0.3rem; } }
.layout {
/*
* LINKS
*/
/* secure links */
/* ------------ */
/* inactive */
/* -------- */
/* external link */
/* ------------- */ }
.layout .visually-hidden {
display: none;
visibility: hidden; }
.layout a {
color: #1875B4;
text-decoration: none; }
.layout a:hover,
.layout a:focus {
text-decoration: underline; }
.layout a:focus img {
outline: dashed 1px; }
.layout a.secure:before {
display: inline-block;
padding-right: 0.6rem;
font-size: 120%;
text-decoration: none !important; }
.layout a.secure:hover:before,
.layout a.secure:focus:before,
.layout a.secure:before:hover,
.layout a.secure:before:focus {
text-decoration: none !important; }
.layout a.inactive {
color: #999999; }
.layout a.external {
position: relative;
padding-right: 20px;
display: inline-block; }
.layout a.external:after {
display: inline;
font-size: 86%;
content: '';
background-image: url(22f1cd65b26365255de685dbf79b7247.svg);
background-size: 12px;
background-repeat: no-repeat;
background-position: center center;
width: 20px;
height: 20px;
display: block;
position: absolute;
right: 0;
margin-top: -24px; }
.layout .feature-link a:after {
margin-top: -23px; }
.layout--topMargin {
margin-top: 30px; }
.layout__main {
padding-top: 28px;
padding-bottom: 75px;
font-size: 16px;
/*
* IMAEGS
*/
/*
* QUOTES
*/
/*
* BOOKMARKS
*/
/*
* MEDIA
*/
/*
* TOOLTIPS
*/
/*
* PAGE_TITLE
*/ }
.layout__main table td, .layout__main table th {
font-size: 16px; }
.layout__main .leftAlone {
margin: 5px 30px 15px 0; }
.layout__main .featureTiles {
margin: 60px 0; }
@media (max-width: 768px) {
.layout__main .featureTiles {
margin: 30px 0; } }
.layout__main--noPaddingBottom {
padding-bottom: 0; }
.layout__main .captionImage {
font-size: 0;
display: table; }
.layout__main .captionImage.left {
float: left;
margin: 30px 30px 30px 0; }
.layout__main .captionImage.right {
float: right;
margin: 30px 0 30px 30px; }
.layout__main figure {
display: table;
float: left;
clear: both;
margin: 30px 30px 30px 0;
overflow: hidden;
font-size: 0; }
.layout__main figure .leftAlone {
margin: 15px 0 0 0; }
.layout__main figcaption, .layout__main p.caption {
font-size: 0;
background: #333;
padding: 15px;
color: #fff;
font-size: 14px;
margin: 0;
display: table-caption;
caption-side: bottom; }
.layout__main figcaption a, .layout__main p.caption a {
color: #fff;
text-decoration: underline; }
.layout__main p + figure.standard-image,
.layout__main h2 + figure.standard-image,
.layout__main h3 + figure.standard-image,
.layout__main h4 + figure.standard-image,
.layout__main h5 + figure.standard-image {
margin-top: 10px !important; }
.layout__main p + figure.standard-image img,
.layout__main h2 + figure.standard-image img,
.layout__main h3 + figure.standard-image img,
.layout__main h4 + figure.standard-image img,
.layout__main h5 + figure.standard-image img {
margin-top: 0; }
.layout__main figure.full-width {
float: none;
width: 100%;
margin: 0; }
.layout__main figure.full-width img {
width: 100%;
height: auto; }
.layout__main * + figure.full-width {
margin-top: 1rem; }
.layout__main .standard-image + h2, .layout__main .standard-image + h3 {
margin-top: 0.5rem !important; }
.layout__main .standard-image ~ h2, .layout__main .standard-image ~ h3 {
clear: none; }
.layout__main blockquote {
position: relative;
padding: 40px;
font-size: 1.5em;
line-height: 1em;
font-style: italic; }
.layout__main blockquote:before {
display: block;
position: absolute;
top: 30px;
left: 0;
font-size: 3em; }
.layout__main blockquote:after {
display: block;
position: absolute;
bottom: 0;
right: 30px;
font-size: 3em; }
.layout__main * + blockquote {
margin-top: 1rem; }
.layout__main ul.bookmarks {
width: 100%;
display: block;
position: relative;
margin: 2rem 0;
padding: 1.2rem 1.2rem 1.2rem 7rem;
border: solid 0.4rem #D9E2E9;
min-height: 9.6rem;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
list-style-type: none;
font-size: 1.5rem; }
.layout__main ul.bookmarks:before {
position: absolute;
top: -0.7rem;
left: 1.6rem;
display: block;
font-size: 10rem;
line-height: 0.9;
color: #90ca00; }
.layout__main ul.bookmarks li {
margin: 0;
padding: 0; }
.layout__main ul.bookmarks li + li {
margin-top: 0.2rem; }
.layout__main ul.bookmarks li a {
color: #454545; }
.layout__main .media {
max-width: 100%;
max-height: 100%; }
.layout__main .media iframe {
max-width: 100%;
max-height: 100%; }
.layout__main a.tool-tip {
position: relative;
display: inline-block;
overflow: visible;
padding: 0 0.2rem;
border: dashed 0.1rem #73787C;
text-decoration: none;
cursor: default;
color: inherit; }
.layout__main a.tool-tip:before {
display: block;
visibility: hidden;
opacity: 0;
content: attr(data-tool-tip);
position: absolute;
z-index: 5;
bottom: 100%;
left: -50%;
width: 22rem;
height: auto;
margin-bottom: -0.2rem;
padding: 1rem 2rem;
background-color: #ffffff;
border: solid 0.2rem #71777B;
-webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6);
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6);
cursor: default;
font-size: 1.4rem;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.layout__main a.tool-tip:after {
display: block;
visibility: hidden;
opacity: 0;
content: '';
position: absolute;
z-index: 6;
bottom: 100%;
left: 20%;
margin-bottom: -1.4rem;
width: 3.2rem;
height: 1.4rem;
background: url(4a4c263433414b85c7df756353f0bf1c.png) top center no-repeat transparent;
background-size: contain;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.layout__main a.tool-tip:hover:before,
.layout__main a.tool-tip:focus:before,
.layout__main a.tool-tip:hover:after,
.layout__main a.tool-tip:focus:after {
visibility: visible;
opacity: 1; }
.layout__main h1.pageTitle {
line-height: 1.1;
font-family: "SourceSansPro";
font-weight: bold;
color: #333333; }
.layout__main h2.pageTitle {
line-height: 1.1;
font-family: "SourceSansPro";
font-weight: bold;
color: #333333; }
.layout__main .landingpage--title--margin {
margin: 0 0 8px 0px; }
.layout__main body.landing > h1.pageTitle {
padding-left: 15px;
padding-right: 15px;
margin: 0 0 30px 0; }
.layout__main .intro, .layout__main .intro * {
font-size: 28px;
line-height: 1.2em;
margin-top: 0; }
@media (max-width: 767px) {
.layout__main .intro, .layout__main .intro * {
font-size: 20px; } }
.layout__main .intro .intro__heroImage {
float: left;
width: 80px;
height: 80px;
margin: 0 20px 15px 0; }
@media (max-width: 767px) {
.layout__main .intro .intro__heroImage {
width: 65px;
margin: 0 11px -8px 0; } }
.layout__main .intro hr {
margin: 1.8rem 0;
border-top: 0.3rem solid #ededed; }
.layout__main * + .intro,
.layout__main h1.pageTitle + .intro {
margin-top: 0.6rem !important; }
.layout__main p + p,
.layout__main * + p {
margin-top: 0.5em; }
.layout__main ul, .layout__main ol {
padding: 1em;
display: table-cell;
margin-left: 0;
padding-left: 18px;
clear: both; }
.layout__main ol {
list-style-type: decimal; }
.layout__main ol ol {
margin: 0 0 0 2rem;
list-style-type: lower-latin; }
.layout__main ol li {
padding: 0.2rem 0; }
.layout__main ol ol li {
border-bottom: none; }
@media (max-width: 1024px) {
.layout__main__sideNav {
display: none; } }
.layout__main__content h1, .layout__main__content h2, .layout__main__content h3, .layout__main__content h4, .layout__main__content h5, .layout__main__content h6 {
line-height: 1.1;
font-family: "SourceSansPro";
font-weight: bold;
color: #333333; }
.layout__main__content h1#page-title, .layout__main__content h1.pageTitle, .layout__main__content h2#page-title, .layout__main__content h2.pageTitle, .layout__main__content h3#page-title, .layout__main__content h3.pageTitle, .layout__main__content h4#page-title, .layout__main__content h4.pageTitle, .layout__main__content h5#page-title, .layout__main__content h5.pageTitle, .layout__main__content h6#page-title, .layout__main__content h6.pageTitle {
margin-top: 0; }
.layout__main__content h1 {
font-size: 2.5em;
margin-top: 0.75em; }
.layout__main__content h2 {
font-size: 2em;
margin-top: 0.75em; }
.layout__main__content h3 {
font-size: 1.5em;
margin-top: 0.75em; }
.layout__main__content h3.pageTitle {
font-size: 2em;
margin-top: 0.75em; }
.layout__main__content h4 {
font-size: 1.25em;
margin-top: 0.75em; }
.layout__main__content h5 {
font-size: 1.15em;
margin-top: 0.75em; }
.layout__main__content h6 {
font-size: 1em;
margin-top: 0.75em; }
.layout__main__content h1:first-child {
margin-top: 0 !important; }
.layout__main__content .intro {
border-bottom: 3px solid #f4f4f4;
padding-bottom: 20px;
margin-bottom: 10px; }
@media (max-width: 768px) {
.layout__main__content .intro {
margin-bottom: 0; } }
.layout__main__content a {
text-decoration: none;
border-bottom: 1px dotted; }
.layout__main__content a:hover, .layout__main__content a:focus, .layout__main__content a:active {
text-decoration: none;
border-bottom: 1px solid; }
.layout__main__content p {
line-height: 1.5em; }
@media (max-width: 767px) {
.layout__main {
/*
==========================
forms
==========================
*/
/* general form inner styles */
/* ------------------------- */
/*
==========================
tables
==========================
*/
/*
==========================
bookmarks
==========================
*/
/*
==========================
page info and feedback
==========================
*/
/* main content feedback */
/* --------------------- */
/*
==========================
quotes
==========================
*/ }
.layout__main main form {
padding: 1.2rem;
font-size: 1.4rem; }
.layout__main main form input,
.layout__main main form select,
.layout__main main form textarea {
width: 100%;
max-width: none;
font-size: 1.4rem; }
.layout__main main form input[type="radio"], .layout__main main form input[type="checkbox"] {
width: auto; }
.layout__main main form .field + .field {
margin-top: 1rem; }
.layout__main .Actions {
margin-top: 1.6rem;
padding-top: 1.6rem; }
.layout__main main form .columns .column {
float: none;
margin-left: 0 !important;
width: 100% !important; }
.layout__main main form .columns .column + .column {
margin-top: 1rem; }
.layout__main main form span.helper {
left: auto;
right: 0; }
.layout__main main form span.extra.popup {
left: auto;
right: 2.4rem;
max-width: 24rem; }
.layout__main main table {
position: relative;
font-size: 1.2rem;
line-height: 1.2; }
.layout__main main table th {
padding: 0.4rem 0.4rem 0.3rem 0.4rem;
font-size: 1.3rem;
line-height: 1.2; }
.layout__main main table td {
padding: 0.4rem; }
.layout__main main table td img {
width: 12rem;
margin: 0 0.8rem 0.5rem 0; }
.layout__main main .table-wrapper {
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch; }
.layout__main main ul.bookmarks {
font-size: 1.3rem; }
.layout__main .page-info-feedback {
font-size: 1.2rem;
line-height: 1.4; }
.layout__main .page-info-feedback span:last-child {
margin-left: 0;
display: block; }
.layout__main main blockquote {
padding: 2.2rem 3.6rem;
font-size: 1.8rem;
line-height: 2.4rem; }
.layout__main main blockquote:before {
top: 4.6rem;
left: -0.8rem;
font-size: 8rem; }
.layout__main main blockquote:after {
bottom: 0rem;
right: 0.8rem;
font-size: 8rem; } }
.layout__promoTiles {
background: #f4f4f4;
padding: 30px 0; }
.layout__promoTiles__quickLinks h2 {
margin-top: 0; }
@media (max-width: 768px) {
.layout__promoTiles {
padding: 15px 0; } }
.layout .sidebarToggle {
display: none; }
@media (min-width: 1024px) {
.layout .layout__main .row {
position: relative; }
.layout .layout__main .row.iframe-row-overflow {
overflow: hidden; }
.layout .sidebarToggle {
display: block;
width: 50px;
height: 50px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
text-align: center;
padding-top: 10px;
cursor: pointer;
transition: left .25s ease-in-out; }
.layout .sidebarToggle svg {
width: 30px;
height: 30px;
display: none; }
.layout .sidebarToggle svg:first-of-type {
display: inline-block; }
.layout .sidebarToggle.sidebarToggleActive {
left: 250px; }
.layout .sidebarToggle.sidebarToggleActive svg {
display: inline-block; }
.layout .sidebarToggle.sidebarToggleActive svg:first-of-type {
display: none; }
.layout .sideBarToggleWrap {
display: block;
width: 100%;
height: 100%;
max-height: calc(100% - 75px - 28px - 68px);
background: #ededed;
max-width: 300px;
position: absolute;
padding: 20px;
z-index: 1;
left: -300px;
transition: left .25s ease-in-out; }
.layout .sideBarToggleWrap.sideBarToggleWrapActive {
left: 0; }
.layout .sideBarToggleWrap .col-xs-12 {
width: 100%; }
.layout .sideBarToggleWrap + .layout__main__content main h1 {
padding-left: 50px; } }
/*
==========================
main content
==========================
*/
#main-content {
display: block;
width: 100%; }
#secondary-nav + #main-content {
width: 70rem;
float: right; }
.dstPage {
padding: 37px 0; }
.landing #main-page .landingtile {
float: left;
margin: 0 0 2rem 0; }
.landing #main-page .landingtile a {
border-top: solid 0.3rem #fff;
color: #131313; }
.landing #main-page .landingtile.landingpromo {
margin-bottom: 20px; }
.landing #main-page .landingtile.landingpromo a {
border-top: none;
width: 100%; }
.landing #main-page .landingtile:nth-child(4n+1) {
margin-left: 0; }
/*
==========================
common tiles
==========================
*/
#main-page .tile {
display: block;
width: 22rem;
height: 33rem;
overflow: hidden;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); }
#main-page .tile a {
display: block;
width: 100%;
height: 33rem;
padding: 1rem;
background-color: #ffffff;
font-size: 1.6rem;
line-height: 1.2;
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s; }
#main-page .tile a:hover,
#main-page .tile a:focus {
background-color: #ededed;
text-decoration: none; }
#main-page .tile h2 {
margin: 0;
padding: 0 0 1rem 0;
font-size: 2.2rem;
line-height: 1;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
text-align: center; }
#main-page .tile a:hover h2,
#main-page .tile a:focus h2 {
text-decoration: none !important; }
#main-page .tile figure {
display: block;
width: 100%;
height: 19rem;
margin: 0 0 0.6rem 0 !important;
padding: 0;
overflow: hidden; }
#main-page .tile figure img {
display: block;
max-width: 100%;
min-width: 0;
margin: 0;
padding: 0; }
/* promo tile variation */
/* -------------------- */
#main-page .tile.promo {
height: 35rem; }
#main-page .tile.promo a {
height: 35rem;
border-top: none; }
#main-page .tile.promo h2 {
text-transform: none;
padding-bottom: 0.2rem; }
#main-page .tile.promo a h2 {
text-align: left; }
#main-page .tile.promo figure {
float: none;
height: 14rem; }
#main-page .tile.promo .info {
height: auto;
overflow: hidden; }
/*
==========================
home AND landing pages
==========================
*/
/* main feature tiles */
/* ------------------ */
.home #main-page .tile,
.landing #main-page .tile {
float: left;
margin: 0 0 2rem 2rem; }
.home #main-page .tile:nth-child(4n+1),
.landing #main-page .tile:nth-child(4n+1) {
margin-left: 0; }
.home #main-page .tile a,
.landing #main-page .tile a {
border-top: solid 0.3rem #fff;
color: #131313; }
.home #main-page .tile.color-01 a {
border-color: #003F5F; }
.home #main-page .tile.color-02 a {
border-color: #6E298D; }
.home #main-page .tile.color-03 a {
border-color: #A7600C; }
.home #main-page .tile.color-04 a {
border-color: #CE4643; }
.home #main-page .tile.color-05 a {
border-color: #4C8324; }
.home #main-page .tile.color-06 a {
border-color: #6E298D; }
.home #main-page .tile.color-07 a {
border-color: #6F777B; }
.home #main-page .tile.color-01 h2 {
color: #003F5F; }
.home #main-page .tile.color-02 h2 {
color: #6E298D; }
.home #main-page .tile.color-03 h2 {
color: #A7600C; }
.home #main-page .tile.color-04 h2 {
color: #CE4643; }
.home #main-page .tile.color-05 h2 {
color: #4C8324; }
.home #main-page .tile.color-06 h2 {
color: #6E298D; }
.home #main-page .tile.color-07 h2 {
color: #6F777B; }
/* main promo tiles */
/* ---------------- */
.home #main-page .tile.promo,
.landing #main-page .tile.promo {
margin-bottom: 0; }
.home #main-page .tile.promo a,
.landing #main-page .tile.promo a {
border-top: none; }
.home #main-page * + .feature-list.column,
.landing #main-page * + .feature-list.column {
margin-top: 0; }
.feature-list__title {
font-family: "SourceSansPro";
font-weight: bold;
font-size: 20px !important;
font-weight: normal !important;
margin: 0 !important; }
/*
==========================
landing page
==========================
*/
.landing main .upper article {
font-size: 1.5rem;
overflow: hidden; }
.landing main .upper article + article {
margin-top: 2rem; }
.landing main .upper article figure {
float: left;
overflow: hidden;
width: 100%;
margin: 0 1.2rem 0 0; }
.landing main .upper article figure img {
display: block;
min-width: 0;
max-width: 100%; }
@media (max-width: 767px) {
.landing main .upper article figure {
width: 100%;
margin-bottom: 20px; } }
.landing main .upper article div {
overflow: hidden; }
@media (max-width: 767px) {
#main-page .tile {
width: 100% !important;
height: auto !important;
margin-left: 0 !important; }
#main-page .tile a {
height: auto;
overflow: hidden;
font-size: 1.5rem; }
#main-page .tile h2 {
text-align: left;
padding-bottom: 0.4rem; }
#main-page .tile figure {
width: 15rem;
height: 14rem;
margin: 0 1rem 0 0 !important; }
#main-page .tile figure + * {
margin-top: 0 !important; }
/* promo tile variation */
/* -------------------- */
#main-page .tile.promo {
height: auto;
margin-bottom: 2rem;
font-size: 1.5rem; }
#main-page .tile.promo a {
height: auto; }
#main-page .tile.promo figure {
float: left;
width: 8rem;
height: auto !important; }
#main-page .tile.promo h2 {
font-size: 1.8rem;
clear: none !important; }
.home #main-page .tile,
.landing #main-page .tile {
float: none;
margin-left: 0; }
.home #main-page .tile:nth-child(4n+1),
.landing #main-page .tile:nth-child(4n+1) {
margin-left: 0; }
.home #main-page .feature-list.column,
.landing #main-page .feature-list.column {
margin-left: 0;
width: 100%; }
.home #main-page * + .feature-list.column,
.landing #main-page * + .feature-list.column {
margin-top: 0; }
/*
==========================
landing page
==========================
*/
.landing main .upper article {
font-size: 1.4rem; }
/*
==========================
feature list / what's popular list
==========================
*/
.column + .feature-list.column,
.feature-list {
margin: 0 !important;
width: 100% !important; }
#main-page * + .feature-list {
margin-top: 1rem !important; }
.feature-list h2 {
font-size: 2.2rem; } }
@media (min-width: 769px) and (max-width: 1023px) {
/* main page area */
/* -------------- */
.home #main-page .wrapper,
.landing aside .wrapper {
width: 46rem !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0 auto; }
/* main feature tiles */
/* ------------------ */
.home #main-page .tile:nth-child(2n+1),
.landing #main-page .tile:nth-child(2n+1) {
margin-left: 0; }
/* main promo tiles */
/* ---------------- */
.home #main-page .tile.promo,
.landing #main-page .tile.promo {
margin-bottom: 2rem; } }
@media (min-width: 769px) and (max-width: 1023px) {
/*
==========================
common tiles
==========================
*/
#main-page .columns.three .tile.column {
width: 31.4286%;
font-size: 1.5rem; }
#main-page .columns.three .tile.column a {
font-size: 1.5rem; }
#main-page .columns.three .tile.column h2 {
font-size: 1.8rem; }
/* promo tile variation */
/* -------------------- */
#main-page .columns.three .tile.promo.column h2 {
text-transform: none;
padding-bottom: 0.2rem; }
#main-page .columns.three .tile.promo.column figure {
height: 11.2rem; } }
/*
==========================
modal pop ups
==========================
*/
.modal {
display: block;
position: absolute;
top: 20rem;
right: 50%;
margin-right: -50.1rem;
z-index: 8001;
opacity: 0;
visibility: hidden;
width: 75.2rem;
min-height: 10rem;
padding: 2rem;
background-color: #ffffff;
border: solid 0.6rem #525252;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
-webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
-webkit-transition: opacity 1.2s;
-moz-transition: opacity 1.2s;
transition: opacity 1.2s; }
.modal.active {
opacity: 1;
visibility: visible; }
.modal-overlay {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 8000;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s; }
.modal-overlay.active {
visibility: visible;
opacity: 1; }
.login-modal-close-link {
float: right; }
@media (max-width: 767px) {
.modal {
top: 4rem;
right: 0;
margin-right: 0;
width: 100%;
min-height: 6rem;
padding: 1rem; } }
@media (min-width: 769px) and (max-width: 1023px) {
.modal {
top: 6rem;
right: 50%;
margin-right: -31.6rem;
width: 63.2rem;
min-height: 6rem;
padding: 2rem; } }
.mpi-colour-border-bottom {
border-bottom: 5px; }
.mpi-colour-border-top {
border-top: 5px; }
.mpi-colour-border-left {
border-left: 5px; }
.mpi-colour-border-right {
border-right: 5px; }
/*
==========================
page info and feedback
==========================
*/
.tabbycat #FeedbackLink a:focus {
outline: 3px solid #8DC63F; }
[data-formname="Feedback"] #pageFeedback,
[data-formname="Feedback"] #pageFeedback + #FeedbackLink {
display: none; }
[data-formname="Feedback"] #pageFeedback + #FeedbackLink + #DocCartSideLink a {
bottom: 20px; }
/* main content feedback */
/* --------------------- */
.page-info-feedback {
clear: both;
margin-top: 3rem;
border-top: solid 0.4rem #ededed;
padding: 1.2rem;
-webkit-border-bottom-left-radius: 0.6rem;
-webkit-border-bottom-right-radius: 0.6rem;
-moz-border-bottom-left-radius: 0.6rem;
-moz-border-bottom-right-radius: 0.6rem;
border-bottom-left-radius: 0.6rem;
border-bottom-right-radius: 0.6rem;
background-color: #f4f4f4;
font-size: 1.6rem;
line-height: 1; }
.page-info-feedback span:first-child {
margin-right: 1rem;
line-height: 1.5em; }
.page-info-feedback span:last-child {
margin-left: 0rem !important; }
/* side viewport feedback link */
/* --------------------------- */
.page-feedback {
z-index: 1;
position: fixed;
text-align: center;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
border-radius: 50%;
background: #285a9b;
padding: 18px 16px 16px 16px;
-webkit-transition: background-color 0.15s ease-out 0s;
-moz-transition: background-color 0.15s ease-out 0s;
-ms-transition: background-color 0.15s ease-out 0s;
-o-transition: background-color 0.15s ease-out 0s;
transition: background-color 0.15s ease-out 0s; }
.page-feedback svg {
width: 26px;
height: 26px;
position: relative;
z-index: 2; }
.page-feedback:hover, .page-feedback:active, .page-feedback:focus {
background-color: #1875B4; }
.page-feedback:hover,
.page-feedback:focus {
text-decoration: none; }
.feedback-popup-wrapper {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 999999; }
.feedback-popup-wrapper .feedback-popup-modal {
position: absolute;
display: block;
width: calc(100% - 40px);
background: #ffffff;
top: 20px;
height: calc(100% - 40px);
left: 20px;
padding: 40px;
box-sizing: border-box;
position: relative;
text-align: center;
overflow: scroll; }
.feedback-popup-wrapper .feedback-popup-close {
width: 35px;
height: 35px;
cursor: pointer;
display: inline-block;
position: absolute;
right: 40px; }
.feedback-popup-wrapper .feedback-popup-close span {
display: none; }
.feedback-popup-wrapper .feedback-popup-copy {
padding-top: 10px;
padding-bottom: 20px;
max-width: 530px;
display: inline-block; }
.feedback-popup-wrapper .feedback-popup-copy {
padding-top: 10px;
max-width: 480px;
display: inline-block; }
.feedback-popup-wrapper .feedback-popup-form {
width: 100%;
display: block;
position: relative;
min-height: 600px; }
.feedback-popup-wrapper .feedback-popup-form form {
width: 100%;
padding: 0;
background: none;
margin: 0 auto;
text-align: left; }
.feedback-popup-wrapper .feedback-popup-form form .error {
color: #990000;
display: block;
margin-top: 10px; }
.feedback-popup-wrapper .feedback-popup-form form legend, .feedback-popup-wrapper .feedback-popup-form form label {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
font-weight: bold;
padding-top: 20px;
position: relative;
display: block; }
.feedback-popup-wrapper .feedback-popup-form form .Actions {
border-top: none; }
.feedback-popup-wrapper .feedback-popup-form form .middleColumn {
margin-bottom: 0px;
width: 100%; }
.feedback-popup-wrapper .feedback-popup-form form .middleColumn input[type="text"], .feedback-popup-wrapper .feedback-popup-form form .middleColumn input[type="email"], .feedback-popup-wrapper .feedback-popup-form form .middleColumn textarea,
.feedback-popup-wrapper .feedback-popup-form form .middleColumn select {
background: #f7f7f7;
border: 2px solid #cccccc;
width: 100%;
padding: 5px 10px;
transition: border .25s ease-in-out; }
.feedback-popup-wrapper .feedback-popup-form form .middleColumn input[type="text"]:focus, .feedback-popup-wrapper .feedback-popup-form form .middleColumn input[type="text"]:active, .feedback-popup-wrapper .feedback-popup-form form .middleColumn input[type="email"]:focus, .feedback-popup-wrapper .feedback-popup-form form .middleColumn input[type="email"]:active, .feedback-popup-wrapper .feedback-popup-form form .middleColumn textarea:focus, .feedback-popup-wrapper .feedback-popup-form form .middleColumn textarea:active,
.feedback-popup-wrapper .feedback-popup-form form .middleColumn select:focus,
.feedback-popup-wrapper .feedback-popup-form form .middleColumn select:active {
border: 2px solid #9c9c9c; }
.feedback-popup-wrapper .feedback-popup-form form .middleColumn select {
height: 36px;
border-radius: 0; }
.feedback-popup-wrapper .feedback-popup-form form .optionset {
width: 100%;
display: block;
margin-bottom: 0px; }
.feedback-popup-wrapper .feedback-popup-form form .optionset:first-of-type + .field.text {
display: none; }
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
margin-bottom: 0; }
@media (min-width: 400px) {
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn {
margin-bottom: 10px; } }
@media (min-width: 769px) {
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn {
margin-bottom: 0px; } }
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .odd, .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .even {
margin-bottom: 10px;
width: 100%;
display: inline-block;
text-align: center; }
@media (min-width: 400px) {
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .odd, .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .even {
margin-top: 20px;
margin-bottom: 0;
width: calc(50% - 10px); }
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .odd:nth-child(1), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .odd:nth-child(2), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .even:nth-child(1), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .even:nth-child(2) {
margin-top: 0; } }
@media (min-width: 769px) {
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .odd, .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .even {
margin-top: 20px;
margin-bottom: 0;
width: calc(25% - 20px); }
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .odd:nth-child(1), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .odd:nth-child(2), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .odd:nth-child(3), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .odd:nth-child(4), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .even:nth-child(1), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .even:nth-child(2), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .even:nth-child(3), .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn .even:nth-child(4) {
margin-top: 0; } }
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn label {
margin: 0;
display: block;
width: 100%;
padding: 10px;
background: #f7f7f7;
border: 2px solid #cccccc;
transition: background .25s ease-in-out, border .25s ease-in-out; }
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn label:hover, .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn label:focus, .feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn label:active {
background: #cecece;
border: 2px solid #9c9c9c; }
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn input {
position: absolute;
left: -999999px; }
.feedback-popup-wrapper .feedback-popup-form form .optionset .middleColumn input:checked + label {
background: #cecece;
border: 2px solid #9c9c9c; }
.feedback-popup-wrapper .feedback-popup-form form .optionset.lastoption + .field.text {
display: block; }
@media (min-width: 769px) {
.feedback-popup-wrapper .feedback-popup-modal {
max-width: 800px;
left: 50%;
margin-left: -400px; } }
/*
==============================
process page & expandable page
==============================
*/
.expanable-master, .toggle-master {
display: flex;
justify-content: flex-end;
font-size: 14px;
font-weight: 700;
cursor: pointer;
padding-right: 10px;
position: relative;
color: #333333; }
.expanable-master:before, .toggle-master:before {
content: '-';
position: absolute;
right: 0;
top: -1px;
color: #333333; }
.expanable-master-open:before, .toggle-master-open:before {
content: '+';
position: absolute;
right: 0;
top: 0;
color: #333333; }
.toggle-master {
margin-top: 15px; }
.process-flow {
position: relative;
padding: 0 0 30px 0;
padding: 0 0 3rem 0;
float: left;
width: 100%; }
* + .process-flow {
margin-top: 18px;
margin-top: 1.8rem; }
.process-flow .process-show {
position: absolute;
top: 0;
right: 0; }
.process-flow h2.process-title {
clear: none;
margin-bottom: 3rem;
font-size: 3rem; }
@media (max-width: 767px) {
.process-flow .process-show {
position: static; }
.process-flow h2.process-title {
width: 100%;
clear: both; }
/* process steps */
/* ------------- */
.process-step + .process-step {
margin-top: 2.6rem; }
/* header */
/* header */
.process-step.non-numbered header > a {
min-height: 4.3rem; }
.process-step header > a:after {
left: -3.6rem; }
.process-step.non-numbered header > a:after {
left: -1.9rem; }
.process-step header h3 span {
width: 3.2rem;
height: 3.2rem;
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
border-radius: 2rem;
font-size: 2.3rem;
line-height: 3.4rem; }
.process-step header h4 {
font-size: 1.7rem;
margin-top: 0 !important; } }
/* process modal pop up specific styles */
/* ------------------------------------ */
.modal.process-modal {
text-align: right; }
.modal.process-modal * + figure {
margin-top: 10px;
margin-top: 1rem; }
.modal.process-modal figure {
display: block;
width: 100%;
text-align: left; }
.modal.process-modal figure img {
display: block;
margin: 0;
padding: 0;
max-width: 100%; }
/* detail */
.process-detail {
background: #f4f4f4;
padding: 30px;
margin-bottom: 60px; }
.process-detail:after {
content: "";
display: block;
width: 100%;
height: 60px;
background-color: #f4f4f4;
border-bottom-left-radius: 35%;
border-bottom-right-radius: 35%;
position: absolute;
left: 0; }
.process-step.closed .process-detail {
display: none; }
.processStep {
margin-top: 15px; }
.processStep__title, .processStep__stepIndicator {
font-family: "SourceSansPro";
font-weight: bold;
font-size: 20px;
color: #fff;
display: inline-block; }
.processStep__title {
font-size: 1.25em !important; }
.processStep__stepIndicator {
white-space: nowrap;
font-family: "SourceSansPro";
font-size: 1em;
border-bottom-color: #333;
border-bottom: 3px solid #ffffff;
margin-right: 20px;
margin-bottom: 1em; }
.processStep__expandIcon {
fill: #333333;
float: right;
border: 2px solid transparent;
background: transparent;
outline: none;
padding: 0; }
.processStep__expandIcon span {
display: inline-block;
width: 29px; }
.processStep__expandIcon:before {
display: none; }
.processStep__expandIcon:hover, .processStep__expandIcon:active, .processStep__expandIcon:focus {
border: 2px solid #333333;
background: transparent; }
@media (max-width: 1024px) {
.processStep__icon {
position: absolute;
top: 15px;
right: 15px; } }
.processStep .processStep__expandIcon--plus, .processStep .processStep__expandIcon--minus {
display: block;
width: 30px;
/* ie11 required! */
height: 30px;
/* ie11 required! */ }
.processStep .processStep__expandIcon--plus svg, .processStep .processStep__expandIcon--minus svg {
width: 27px;
/* ie11 required! */
height: 27px;
/* ie11 required! */ }
.processStep.closed {
border-bottom: 3px solid #f4f4f4; }
.processStep.closed .processStep__expandIcon--minus {
display: none; }
.processStep.closed .processStep__title, .processStep.closed .processStep__stepIndicator {
color: #333; }
.processStep.closed .processStep__stepIndicator {
border-bottom: 3px solid #333333; }
.processStep.open .processStep__expandIcon--plus {
display: none; }
.processStep.open .processStep__expandIcon {
border: 2px solid #ffffff;
fill: #ffffff; }
/* process steps */
/* ------------- */
.process-step header {
cursor: pointer;
background-color: #333333;
-webkit-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
-ms-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
display: block;
position: relative;
text-decoration: none;
color: #ffffff;
padding: 15px;
margin-top: 15px;
border-bottom: 3px solid #333333; }
.process-step header p {
color: #ffffff; }
.process-step header > a {
color: #333333; }
.process-step.closed header {
background-color: #f4f4f4; }
.process-step.closed header:hover, .process-step.closed header:focus .process-step.closed header:active {
background-color: #e6e6e6; }
.process-step.closed header > a {
background-color: #333333;
color: #ffffff; }
.process-step.closed header p {
color: #333333; }
.process-step.closed header h3 {
color: #333333;
border-bottom-color: #333333; }
.process-step.closed header h4 {
color: #333333; }
.process-step header h4 {
padding-right: 26px;
padding-right: 2.6rem;
font-size: 20px;
font-size: 2rem; }
/* header */
.process-step header > a {
/*
background-color: $colCharcoal;
display: block;
position: relative;
text-decoration: none;
color: #ffffff;
cursor: pointer;
cursor: hand;
padding: 15px;
*/ }
.process-step.non-numbered header > a {
/*
min-height: 60px;
min-height: 6rem;
*/ }
.process-step header > a:hover {
text-decoration: none; }
.process-step.non-numbered header > a:after {
/*
left: -32px;
left: -3.2rem;
*/ }
.process-step.closed header > a:after {
display: none; }
.process-step header p {
margin: 0; }
.process-detail h1:first-child, .process-detail h2:first-child, .process-detail h3:first-child, .process-detail h4:first-child, .process-detail h5:first-child, .process-detail h6:first-child {
margin-top: 0; }
/*
.promotTiles {
&__item {
&__description {
@include media('<=tablet') {
max-width: 300px;
}
}
}
}
.promotTilesl2 {
&__item {
&:last-of-type {
@include media('<=tablet') {
margin-bottom: 1em;
}
}
&__description {
margin-top: 9px;
h5{
font-size: 20px;
color: rgb(102, 102, 102);
}
p{
font-size: 15px
}
@include media('<=tablet') {
max-width: 300px;
}
}
&__image {
figure {
width: 100%;
float: none;
border: none;
border-top-width: 5px;
img {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
padding-bottom: 1rem;
}
}
@include media('<=tablet') {
max-width: 300px;
}
}
}
}
*/
.landingtile {
display: block;
height: 33rem;
overflow: hidden;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); }
.landingtile a {
display: block;
width: 100%;
height: 33rem;
padding: 1rem;
background-color: #ffffff;
font-size: 1.6rem;
line-height: 1.2;
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s; }
.landingtile a:hover,
.landingtile a:focus {
background-color: #ededed;
text-decoration: none; }
.landingtile h2 {
margin: 0;
padding: 0 0 1rem 0;
font-size: 2.2rem;
line-height: 1;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
text-align: center; }
.landingtile a:hover h2,
.landingtile a:focus h2 {
text-decoration: none !important; }
.landingtile figure {
display: block;
width: 100%;
height: 19rem;
margin: 0 0 0.6rem 0 !important;
padding: 0;
overflow: hidden; }
.landingtile figure img {
display: block;
margin: 0;
padding: 0;
height: 100%;
max-width: inherit; }
.landingtile a {
height: auto;
overflow: hidden;
font-size: 1.5rem; }
.landingtile h2 {
text-align: left;
padding-bottom: 0.4rem; }
.landingtile figure {
width: 15rem;
height: 14rem; }
.landingtile figure + * {
margin-top: 0 !important; }
.landingtile.landingpromo .info p {
font-size: 14px;
padding-left: 5px; }
.landingtile.landingpromo a {
height: 107px;
overflow: hidden;
border-top: none;
width: 100%; }
.landingtile.landingpromo h2 {
text-transform: none;
padding-bottom: 0.2rem; }
.landingtile.landingpromo a h2 {
text-align: left;
font-size: 14px;
color: #333333;
font-weight: bold;
padding-left: 5px; }
.landingtile.landingpromo figure {
margin-top: -10px !important;
margin-left: -25px !important;
background: #f4f4f4;
width: 107px;
height: 107px; }
.landingtile.landingpromo {
width: 100%;
height: auto;
margin-bottom: 30px; }
@media (max-width: 768px) {
.landingtile.landingpromo {
margin-bottom: 15px; } }
.landingtile.landingpromo h2 {
font-size: 1.8rem; }
.row-margin-change {
margin-right: -110px;
margin-top: 20px; }
.searchPage .st-ui-pagination-link {
padding: 10px 15px;
border-radius: 0;
border: none;
margin-right: 1px;
transition: all 0.25s ease-out;
font-size: 14px;
text-decoration: none !important;
background: #f4f4f4;
font-family: "SourceSansPro" !important;
margin-right: 1px;
display: inline-block;
border-bottom: 1px solid transparent; }
.searchPage .st-ui-pagination-link.st-ui-pagination-number-link.st-result-pagination-link.active {
background: #1875B4;
color: #ffffff !important;
border-bottom: 1px solid #1875B4; }
.searchPage .st-ui-pagination-link.st-ui-pagination-number-link.st-result-pagination-link:hover {
background: #1875B4;
color: #ffffff !important;
border-bottom: 1px solid #1875B4; }
.searchPage .st-ui-pagination-link .st-ui-arrow {
border-color: #1875B4; }
.searchPage__pagination {
margin-top: 2.6rem;
text-align: right;
padding: 0;
font-size: 0; }
.searchPage__pagination__link, .searchPage__pagination__current, .searchPage__pagination__previous, .searchPage__pagination__next {
padding: 10px 15px;
border-radius: 0;
border: none;
transition: all 0.25s ease-out;
font-size: 14px;
text-decoration: none !important;
background: #f4f4f4; }
.searchPage__pagination__link:hover, .searchPage__pagination__previous:hover, .searchPage__pagination__next:hover {
background: #1875B4;
color: #ffffff !important; }
.searchPage .page-search-form .form-group {
position: relative;
margin-bottom: 0;
padding-right: 4rem;
max-width: 40rem;
width: 100%;
box-sizing: border-box; }
.searchPage .page-search-form .form-group button {
position: absolute;
right: 0;
top: 0;
display: inline-block;
width: 3.6rem;
height: 3.6rem;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 2rem;
line-height: 1;
-webkit-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
-moz-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4); }
.searchPage .page-search-form .form-group button svg {
height: 15px; }
#search-page-form .form-group .text-input.st-default-search-input {
display: inline-block;
width: 100%;
max-width: 40rem;
margin-right: 0.2rem;
height: 3.6rem;
box-sizing: border-box;
vertical-align: top;
border: none;
border-radius: 0;
background-image: none;
padding: 10px;
font-family: "SourceSansPro" !important; }
@media (max-width: 767px) {
#search-page-form .form-group {
white-space: nowrap; }
#search-page-form .form-group .text-input {
width: -webkit-calc(100% - 3.8rem);
width: -moz-calc(100% - 3.8rem);
width: calc(100% - 3.8rem); }
main .st-query-present {
font-size: 1.8rem; } }
@media (min-width: 769px) and (max-width: 1023px) {
.lhs.search-filters {
display: none; } }
.lhs.search-filters + #main-content {
width: auto;
overflow: hidden; }
.lhs.search-filters {
float: left;
width: 20rem;
font-size: 1.5rem; }
.lhs.search-filters h4 {
padding-top: 1rem; }
.lhs.search-filters .search-filter {
margin-top: 1rem;
padding-top: 1rem;
border-top: solid 0.1rem #d7e2e7; }
.lhs.search-filters .search-filter ul {
list-style-type: none; }
.lhs.search-filters .search-filter ul ul li {
padding-left: 1rem; }
.lhs.search-filters .search-filter ul li span.active {
font-style: italic; }
.lhs.search-filters .search-filter ul li span.active span {
padding: 0.4rem;
font-size: 1.5rem;
color: #990000; }
.lhs.search-filters .search-filter ul li {
padding-top: 0.3rem; }
main .st-query-present {
margin-top: 1rem !important;
font-size: 2.3rem;
font-family: "SourceSansPro" !important; }
main a.st-ui-result {
padding-left: 20px;
padding-right: 30px;
border-bottom: 1px solid #e1f3fc !important; }
main a.st-ui-result .st-ui-type-heading {
border-bottom: 1px dotted #1875B4;
display: inline-block;
font-weight: bold;
font-size: 18px;
color: blue;
max-width: 100%;
margin-bottom: 0; }
main a.st-ui-result .st-ui-type-detail {
color: #333333;
font-size: 16px;
max-height: none !important; }
main a.st-ui-result:hover, main a.st-ui-result:focus, main a.st-ui-result:active {
background-color: #f4f4f4 !important;
border-bottom: 1px solid #1875B4 !important; }
main a.st-ui-result:hover .st-ui-type-detail, main a.st-ui-result:focus .st-ui-type-detail, main a.st-ui-result:active .st-ui-type-detail {
color: #333333; }
main a.st-ui-result:hover .st-ui-type-heading, main a.st-ui-result:focus .st-ui-type-heading, main a.st-ui-result:active .st-ui-type-heading {
border-bottom: 1px solid #1875B4; }
main a.st-ui-result:hover:last-of-type, main a.st-ui-result:focus:last-of-type, main a.st-ui-result:active:last-of-type {
border-bottom: 1px solid !important; }
main a.st-ui-result::before {
content: none; }
main a.st-ui-result:last-of-type {
border-bottom: 1px solid #e1f3fc !important; }
main .st-ui-type-heading.st-spelling-suggestion-link {
color: #333333 !important; }
main .st-ui-type-heading.st-spelling-suggestion-link a {
color: #1875B4 !important; }
main .st-ui-type-heading.st-spelling-suggestion-link a:hover {
text-decoration: none !important; }
.st-autocomplete-results a.st-ui-result {
border-bottom: 1px solid #e1f3fc !important; }
.st-autocomplete-results a.st-ui-result .st-ui-type-detail {
font-family: "SourceSansPro" !important;
font-size: 12px !important; }
.st-autocomplete-results a.st-ui-result .st-ui-type-heading {
font-family: "SourceSansPro" !important;
font-size: 14px !important; }
.st-autocomplete-results a.st-ui-result:hover, .st-autocomplete-results a.st-ui-result:focus, .st-autocomplete-results a.st-ui-result:active {
background-color: #f4f4f4 !important; }
.st-ui-pagination.st-search-pagination {
margin-top: 3rem !important;
display: block; }
/*
==========================
document sets - simple and dynamic
==========================
*/
ul.simple-document-list {
list-style-type: none;
margin-left: 0;
padding-left: 0;
font-size: 1.5rem;
display: block; }
ul.simple-document-list li {
padding: 15px;
background-color: #f4f4f4;
border-bottom: solid 0.1rem #BAC7D3; }
ul.simple-document-list li:first-child {
border-top: solid 0.1rem #BAC7D3; }
ul.simple-document-list li:hover {
background-color: #D9E2E9; }
ul.simple-document-list li:before {
display: block;
float: left;
padding: 0 0.1rem 0 0;
margin: 0 0.5rem 0 0;
color: #70777A;
font-size: 2rem;
line-height: 1; }
ul.simple-document-list li span {
display: block;
overflow: hidden; }
@media (max-width: 767px) {
ul.simple-document-list {
font-size: 1.4rem; } }
/*
==========================
sitemap listing style
==========================
*/
.sitemap {
padding-top: 30px; }
.sitemap ul {
margin: 0;
padding: 0; }
.sitemap ul li {
margin: 0 0 0 18px;
list-style-type: square; }
.sitemap ul {
font-size: 1.8rem; }
.sitemap ul li ul {
font-size: 1.5rem; }
.sitemap ul ul ul {
margin-left: 1rem; }
@media (min-width: 769px) and (max-width: 1023px) {
.sitemap .column {
float: none;
margin: 0 !important;
padding: 0;
width: auto !important; }
.sitemap .column + .column {
margin-top: 1.2rem !important; } }
ul.social-links.medium {
margin: 0;
padding: 0 !important; }
.social-links li {
display: inline-block;
text-align: center;
list-style-type: none;
float: left;
margin-left: 7px; }
footer .social-links li {
margin: 0 5px 5px 0; }
@media (max-width: 767px) {
.social-links li {
margin-left: 0;
margin-right: 8px; } }
.social-links a:hover,
.social-links a:focus,
.social-links a:active {
opacity: 0.8;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out; }
.breadcrumbs .social-links:hover a {
opacity: 0.10; }
.breadcrumbs .social-links a:hover {
opacity: 1; }
.breadcrumbs .social-links a:focus,
.breadcrumbs .social-links a:active {
opacity: 0.25;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out; }
footer .social-links.medium li a {
width: 28px;
height: 28px;
border-radius: 50%;
background-color: #ccc; }
.social-links li a {
display: block;
overflow: hidden;
text-decoration: none;
text-align: center;
position: relative;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s; }
.social-links.small li a {
width: 30px;
height: 30px;
padding: 2px;
line-height: 28px;
border-radius: 50%;
background-color: #ffffff; }
.social-links.medium li a {
width: 30px;
height: 30px;
line-height: 25px;
padding: 3px; }
/* bigger links/buttons */
.social-links.big li a {
width: 3rem;
height: 3rem;
line-height: 3rem; }
.social-links li svg {
line-height: 2.4rem;
vertical-align: middle;
width: 60%;
height: 60%; }
.social-links.no-background li {
background: transparent; }
.social-links.no-background li:hover svg path
, .social-links.no-background li:focus svg path {
fill: #1875B4; }
.social-links.no-padding {
padding: 0; }
/* yech, bump it down by 3px without disturbing other things */
#page-head-utilities .social-links.no-padding {
position: relative;
top: 3px; }
/* bump it by an eighth of the eventual text size */
.social-links li.link-linked-in svg {
margin-top: -0.2em; }
/*
==========================
special feature box
==========================
*/
main .special-feature {
margin: 1.5em 0;
padding: 30px;
background-color: #f4f4f4;
border-top: solid 0.1rem #cccccc;
border-bottom: solid 0.4rem #000000; }
main .process-detail .special-feature {
background: #ffffff;
border-top: 3px solid #333;
border-bottom: 3px solid #333; }
main * + .special-feature {
margin-top: 2.6rem; }
main .special-feature h2 {
font-size: 2.8rem;
color: #6e777a;
text-transform: uppercase; }
main .special-feature h3 {
font-size: 2rem;
color: #133d5f; }
.column-layout-style {
-webkit-columns: 2;
-webkit-column-gap: 2.5rem;
-moz-columns: 2;
-moz-column-gap: 2.5rem;
columns: 2;
column-gap: 2.5rem; }
@media (max-width: 767px) {
main .special-feature {
font-size: 1.4rem; }
main .special-feature h2 {
font-size: 2.2rem; }
main .special-feature h3 {
font-size: 1.5rem; }
.column-layout-style {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1; } }
/*
==========================
pseudo tabular layouts
==========================
*/
.table {
display: table;
border-collapse: collapse;
width: 100%; }
.table-row {
display: table-row; }
.table-cell {
display: table-cell; }
/*
==========================
tables
==========================
*/
main table {
width: 100%;
border-collapse: collapse;
font-size: 1.5rem; }
main table tr {
border-bottom: 1px solid #333; }
main table td {
border: none !important; }
main table tbody tr:nth-child(2n+1) td {
background-color: #f4f4f4; }
main table th, main table thead td, main table tfoot td {
padding: 0.8rem 1.3rem 0.6rem 1.3rem;
background-color: #333333;
font-size: 1.8rem;
color: #ffffff;
font-weight: normal;
text-align: left;
vertical-align: top; }
main table caption {
padding: 10px 10px 10px 0;
text-align: left;
font-family: "SourceSansPro";
font-weight: bold;
font-size: 16px; }
main table.no-shading tbody tr td,
main table.naked tbody tr td {
background: transparent !important; }
main table.naked tbody tr {
border: none; }
main table.naked tbody tr td {
border: none; }
main table td {
padding: 0.8rem 1.3rem; }
main table td:first-child,
main table th:first-child {
border-left: none; }
main table td img {
display: block;
width: 15rem;
float: left;
margin: 0 1rem 0.5rem 0; }
main * + table {
margin-top: 1rem; }
@media (min-width: 769px) and (max-width: 1023px) {
main table {
font-size: 1.4rem;
line-height: 1.2; }
main table th {
font-size: 1.5rem;
line-height: 1.2; }
main table td img {
max-width: 10rem;
margin: 0 0.6rem 0.4rem 0; } }
/*
==========================
article lists (with tags)
==========================
*/
/* tag list filter */
/* --------------- */
.tag-list {
padding-bottom: 6px;
padding-bottom: 0.6rem;
font-size: 0;
line-height: 1.8;
margin-bottom: 15px; }
.tag-list a, .tag-list span {
font-size: 1.6rem; }
.tag-list a.active, .tag-list span.active {
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
.tag-list.label {
padding: 0;
float: left;
width: 100%;
text-align: left;
font-size: 1.6rem; }
.tag-list.label--rightAlign {
text-align: right; }
.newsHolder .tag-list {
margin-top: 15px; }
.tag-list.opened-closed-filter {
font-size: 0;
text-align: right; }
.tag-list.opened-closed-filter span {
margin: 0 7px 0 0;
display: inline-block; }
.tag-list.opened-closed-filter a:hover, .tag-list.opened-closed-filter a:active, .tag-list.opened-closed-filter a:focus {
background: #333333;
border-color: #333333;
color: #ffffff !important; }
.tag-list.opened-closed-filter a, .tag-list.opened-closed-filter span {
margin: 0 0 0 11px;
border: none;
border-bottom: 3px solid #f4f4f4;
padding: 7px 10px;
display: inline-block;
color: #333333; }
.tag-list.opened-closed-filter a.active, .tag-list.opened-closed-filter span.active {
text-shadow: 0 0 0 transparent; }
.tag-list.category > span, .tag-list.category > a {
padding: 5px 10px !important;
display: inline-block;
font-size: 14px;
margin: 0 7px 7px 0;
border: 3px solid #f4f4f4; }
.tag-list a {
display: inline-block;
font-size: 14px;
border: 3px solid #f4f4f4;
padding: 5px 15px;
margin: 0 10px 0 0;
text-decoration: none !important; }
.tag-list + .tag-list {
margin-top: 12px;
margin-top: 1.2rem; }
.tag-list a {
text-decoration: none; }
.tag-list span.divider {
padding: 10px;
padding: 0 1rem; }
.tag-list,
.tag-list a {
color: #333333; }
.tag-list a:hover,
.tag-list a:focus {
text-decoration: underline; }
.tag-list .hovercolor-01:hover, .tag-list .hovercolor-01:focus, .tag-list .hovercolor-01.active {
color: #003F5F; }
.tag-list .hovercolor-02:hover, .tag-list .hovercolor-02:focus, .tag-list .hovercolor-02.active {
color: #6E298D; }
.tag-list .hovercolor-03:hover, .tag-list .hovercolor-03:focus, .tag-list .hovercolor-03.active {
color: #A7600C; }
.tag-list .hovercolor-04:hover, .tag-list .hovercolor-04:focus, .tag-list .hovercolor-04.active {
color: #CE4643; }
.tag-list .hovercolor-05:hover, .tag-list .hovercolor-05:focus, .tag-list .hovercolor-05.active {
color: #4C8324; }
.tag-list .hovercolor-06:hover, .tag-list .hovercolor-06:focus, .tag-list .hovercolor-06.active {
color: #6E298D; }
.tag-list .hovercolor-07:hover, .tag-list .hovercolor-07:focus, .tag-list .hovercolor-07.active {
color: #6F777B; }
.tag-list .active {
padding-top: 2px;
padding-top: 0.2rem; }
.tag-list .hovercolor-01.active {
border-color: #003F5F; }
.tag-list .hovercolor-02.active {
border-color: #6E298D; }
.tag-list .hovercolor-03.active {
border-color: #A7600C; }
.tag-list .hovercolor-04.active {
border-color: #CE4643; }
.tag-list .hovercolor-05.active {
border-color: #4C8324; }
.tag-list .hovercolor-06.active {
border-color: #6E298D; }
.tag-list .hovercolor-07.active {
border-color: #6F777B; }
.tag-list.opened-closed-filter a:hover,
.tag-list.opened-closed-filter a:focus {
color: #666666;
text-decoration: underline; }
.tag-list.opened-closed-filter span.active {
font-size: 14px;
border: none;
border-bottom: 3px solid #333333; }
@media (max-width: 767px) {
.tag-list {
font-size: 1.3rem; } }
.ui-accordion .ui-accordion-icons {
padding: 15px !important; }
.ui-accordion .ui-accordion-content {
border: none; }
.ui-accordion .ui-accordion-content .checkbox {
padding: 0; }
.ui-accordion .ui-accordion-content .checkbox input[type=checkbox] {
float: left;
width: auto !important; }
.ui-accordion .ui-accordion-content .optionset li {
margin: 15px 25px; }
.ui-accordion .ui-accordion-header {
background: #333;
border-radius: 0;
border: none;
padding-left: 0; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
display: none; }
.ui-accordion .ui-state-active a {
color: #fff;
font-family: "SourceSansPro";
font-size: 20px;
border: none; }
.ui-accordion .ui-state-active a:link, .ui-accordion .ui-state-active a:visited {
color: #fff;
border: none; }
.ui-state-default a:link, .ui-state-default a:visited, .ui-state-default a:hover, .ui-state-default a:active {
color: #fff !important;
border: none;
font-size: 20px; }
/**
* Usr defined form over-rides, we need the #main-content.udf-content prefix
* to override the #main-content specificity in style.css
*/
#main-content.udf-content .userform-progress .progress
, #main-content.udf-content .userform-progress .progress-bar {
height: 3.3rem; }
#main-content.udf-content .userform-progress nav {
margin-top: -3.3rem;
height: 3.3rem; }
#main-content.udf-content .userform-progress nav ul {
list-style-type: none;
margin: 0;
overflow: visible;
height: 3.3rem; }
#main-content.udf-content .userform-progress button[disabled]:hover {
background-color: #333333;
opacity: 0.33; }
#main-content.udf-content form fieldset.form-step {
margin-bottom: 3.3rem; }
#main-content.udf-content form .field fieldset {
display: block; }
#main-content.udf-content nav.step-navigation {
width: 100%;
overflow: hidden; }
#main-content.udf-content nav.step-navigation ul {
float: right;
padding-left: 0;
margin-left: 0; }
#main-content.udf-content nav.step-navigation ul {
min-width: 120px; }
#main-content.udf-content .Actions {
border-top: none;
margin-top: 0;
padding-top: 0; }
#main-content.udf-content .Actions input {
border: 0;
padding: 0 1.3rem; }
.newsHolder article.media-release dl dd.date {
background: #ffffff; }
.webregister-datasource .webregister-datasource-window {
width: 100%;
overflow: auto; }
.webregister-datasource .webregister-datasource-window .webregister-datasource-table th, .webregister-datasource .webregister-datasource-window .webregister-datasource-table td {
white-space: nowrap; }
.webregister-datasource .webregister-datasource-pagination {
width: 100%;
padding: 1em 0; }
.webregister-datasource .webregister-datasource-pagination nav {
float: right; }
.faq-search-form {
padding: 30px;
background: #f4f4f4; }
.faq-search-form .st-default-search-input {
background-image: none;
border: none;
border-radius: 0;
box-sizing: border-box;
display: inline-block;
font-family: "SourceSansPro" !important;
font-weight: 400;
height: 3.6rem;
max-width: 40rem;
margin-right: 0.2rem;
padding: 10px;
vertical-align: top;
width: 100%; }
.faq-search-form .form-group {
position: relative;
margin-bottom: 0;
padding-right: 4rem;
max-width: 40rem;
width: 100%;
box-sizing: border-box; }
.faq-search-form .form-group button {
position: absolute;
right: 0;
top: 0;
display: inline-block;
width: 3.6rem;
height: 3.6rem;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 2rem;
line-height: 1;
-webkit-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
-moz-text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4);
text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4); }
.faq-search-form .form-group button svg {
height: 15px; }
.st-search-container .st-ui-pagination-link {
padding: 10px 15px;
border-radius: 0;
border: none;
transition: all 0.25s ease-out;
font-size: 14px;
text-decoration: none !important;
background: #f4f4f4;
font-family: "SourceSansPro" !important;
margin-right: 5px;
display: inline-block;
border-bottom: 1px solid transparent;
color: #1875B4; }
.st-search-container .st-ui-pagination-link.st-ui-pagination-number-link.st-result-pagination-link.active {
background: #1875B4;
color: #ffffff !important;
border-bottom: 1px solid #1875B4; }
.st-search-container .st-ui-pagination-link.st-ui-pagination-number-link.st-result-pagination-link:hover, .st-search-container .st-ui-pagination-link.st-ui-pagination-number-link.st-result-pagination-link :focus {
background: #1875B4;
color: #ffffff !important;
border-bottom: 1px solid #1875B4; }
.st-search-container .st-ui-pagination-link .st-ui-arrow {
border-color: #1875B4; }
.st-ui-injected-search-summary .st-query-present {
margin-bottom: 1rem !important;
margin-top: 2rem !important;
font-size: 2.3rem;
font-family: "SourceSansPro" !important; }
.st-search-container .st-ui-result__swiftype_result {
border-bottom: 1px solid #e1f3fc !important;
padding: 12px 30px 14px 20px; }
.st-search-container .st-ui-result__swiftype_result .st-ui-type-heading {
border-bottom: 1px dotted #1875B4;
display: inline-block;
font-weight: bold;
font-size: 18px;
color: #1875B4 !important;
max-width: 100%;
margin-bottom: 0; }
.st-search-container .st-ui-result__swiftype_result .st-ui-type-heading em {
font-style: normal;
font-weight: bold;
background-color: #f6fcfe !important; }
.st-search-container .st-ui-result__swiftype_result .st-ui-type-detail {
color: #333333;
font-size: 16px;
max-height: none !important; }
.st-search-container .st-ui-result__swiftype_result .st-ui-type-detail .st-ui-type-detail-bold {
font-size: 12px;
font-weight: 500;
line-height: 1.4;
color: #8B9BAD; }
.st-search-container .st-ui-result__swiftype_result .st-ui-type-detail em {
font-style: normal;
font-weight: bold;
background-color: #f6fcfe !important; }
.st-search-container .st-ui-result__swiftype_result:hover, .st-search-container .st-ui-result__swiftype_result :focus {
background-color: #f4f4f4 !important;
border-bottom: 1px solid #1875B4 !important; }
.st-search-container .st-ui-result__swiftype_result:hover .st-ui-type-detail, .st-search-container .st-ui-result__swiftype_result :focus .st-ui-type-detail {
color: #333333; }
.st-search-container .st-ui-result__swiftype_result:hover .st-ui-type-heading, .st-search-container .st-ui-result__swiftype_result :focus .st-ui-type-heading {
border-bottom: 1px solid #1875B4; }
.swiftype-widget .autocomplete ul {
list-style: none;
display: block;
margin-top: 6px;
width: 100%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.12);
-moz-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
family: "SourceSansPro" !important; }
.swiftype-widget .autocomplete ul li {
position: relative;
padding: 12px 18px 12px 28px;
cursor: pointer;
border-bottom: 1px solid #E9EDF2;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #e1f3fc !important; }
.swiftype-widget .autocomplete ul li:hover, .swiftype-widget .autocomplete ul li :focus {
background-color: #f4f4f4 !important; }
.swiftype-widget .autocomplete ul li:first-of-type {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 4px; }
.swiftype-widget .autocomplete ul li:last-of-type {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
.swiftype-widget .autocomplete ul li .st-ui-type-heading {
font-size: 14px;
font-weight: 400;
display: block;
color: #428bca; }
.swiftype-widget .autocomplete ul li .st-ui-type-heading em {
font-style: normal;
font-weight: bold;
background-color: #f6fcfe !important; }
.swiftype-widget .autocomplete ul li .st-ui-type-detail {
font-size: 12px;
font-weight: 400;
line-height: 1.4;
color: #8B9BAD;
display: block; }
.swiftype-widget .autocomplete ul li .st-ui-type-detail .st-ui-type-detail-bold {
font-size: 12px;
font-weight: 500;
line-height: 1.4;
color: #8B9BAD; }
.swiftype-widget .autocomplete ul li .st-ui-type-detail em {
font-style: normal;
font-weight: bold;
background-color: #f6fcfe !important; }
.layout a.featured-faq-block-link {
color: #131313; }
.layout a.featured-faq-block-link h3 {
border-bottom: 2px solid #131313;
margin-bottom: 5px;
display: inline-block; }
.layout a.featured-faq-block-link:hover h3,
.layout a.featured-faq-block-link:active h3
.layout a.featured-faq-block-link:focus h3 {
border-bottom: 2px solid transparent; }
.tabbycat .branch-master-nav {
max-height: none; }
.branch-master {
width: 100%;
display: block;
position: relative;
z-index: 1;
margin-bottom: 10px;
background: #ffffff; }
.branch-master:before, .branch-master:after {
content: "";
width: 100%;
height: 20px;
background: #333333;
position: absolute;
z-index: -1; }
.branch-master:before {
top: 0; }
.branch-master:after {
height: 2px;
bottom: 0; }
.branch-master-wrap {
max-width: 1170px;
margin: 0 auto; }
.branch-master-col {
z-index: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: row;
flex-direction: row; }
.branch-master-col div {
width: 100%;
height: 20px;
-ms-flex: 1;
flex: 1;
background: #8DC63F; }
.branch-master-col-small div {
height: 2px; }
.branch-master-mobile {
display: block;
width: 100%;
padding: 20px;
font-size: 14px;
position: relative;
color: #333333;
cursor: pointer; }
.branch-master-mobile:after {
content: "";
position: absolute;
right: 20px;
top: 20px;
width: 15px;
height: 15px;
background: url(43c41656fe07c80864ba1c982c6680da.svg) no-repeat;
background-size: 100%; }
.branch-master-mobile-close {
display: none;
position: absolute;
width: 100%;
height: 55px;
background: transparent;
top: 20px; }
.branch-master-mobile:focus, .branch-master-mobile:hover, .branch-master-mobile:active {
background: #f1f1f1; }
.branch-master-mobile:focus:after {
transform: rotate(180deg); }
.branch-master-mobile:focus ~ .branch-master-mobile-close {
display: block; }
.branch-master-mobile:focus ~ .branch-master-nav {
max-height: 600px; }
.branch-master-nav {
display: block;
width: 100%;
max-height: 0;
overflow: hidden;
transition: max-height .25s ease; }
.branch-master-nav-item {
text-align: left;
padding: 10px 20px 10px 70px;
text-decoration: none;
background: #ffffff;
font-size: 14px;
transition: background-color .25s ease;
text-decoration: none;
display: block;
width: 100%;
position: relative;
min-height: 58px; }
.branch-master-nav-item:hover, .branch-master-nav-item:focus, .branch-master-nav-item:active {
background: #f1f1f1;
text-decoration: none; }
.branch-master-nav-item.active-branch-master {
background: #f1f1f1; }
.branch-master-nav-item-icon {
width: 35px;
height: 35px;
position: absolute;
background-size: cover;
left: 20px;
top: 10px;
border-radius: 100%; }
.branch-master-nav-item strong, .branch-master-nav-item span {
color: #333333; }
.branch-master-nav-item span {
display: block; }
@media (min-width: 768px) {
.branch-master-col div {
height: 25px; }
.branch-master-col-small div {
height: 2px; }
.branch-master-mobile, .branch-master-mobile-close {
display: none; }
.branch-master-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: row;
flex-direction: row;
overflow: hidden;
transition: max-height .25s ease; }
.branch-master-nav-item {
text-align: center;
-ms-flex: 1;
flex: 1;
padding: 10px 10px;
font-size: 12px; }
.branch-master-nav-item-icon {
display: none; }
.branch-master:hover .branch-master-nav, .branch-master:focus .branch-master-nav, .branch-master:active .branch-master-nav {
max-height: 100px; } }
@media (min-width: 1024px) and (min-width: 768px) {
.branch-master-col div {
width: 100%;
height: 20px; }
.branch-master-col-small div {
height: 2px; }
.branch-master-nav-item {
padding: 10px 20px; } }
/* COMPONENTS */
.documentSetFilter__actions {
padding-top: 15px; }
.documentSetFilter__actions button {
float: right;
margin-left: 10px;
font-size: 16px; }
.documentSetFilter__actions__submit .sk-three-bounce, .documentSetFilter__actions__reset .sk-three-bounce {
display: none; }
.documentSetFilter__actions__submit[disabled] .sk-three-bounce, .documentSetFilter__actions__reset[disabled] .sk-three-bounce {
display: inline-block;
width: 45px; }
.documentSetFilter__actions__submit[disabled] .sk-three-bounce .sk-child, .documentSetFilter__actions__reset[disabled] .sk-three-bounce .sk-child {
width: 7px;
height: 7px; }
.documentSetFilter__publishedBefore__error, .documentSetFilter__publishedAfter__error {
display: none;
color: #cc0000;
line-height: 1.2em; }
.documentSetFilter__publishedBefore__error.show, .documentSetFilter__publishedAfter__error.show {
display: block; }
.documentSetFilter__publishedBefore__error strong, .documentSetFilter__publishedAfter__error strong {
font-family: "SourceSansPro";
font-weight: bold; }
form.dms-documentset-filter {
padding: 2rem; }
form.dms-documentset-filter label {
display: block;
margin-bottom: 5px;
margin-top: 5px;
font-size: 16px; }
form.dms-documentset-filter .highlight {
animation: highlight .5s step-end infinite alternate; }
form.dms-documentset-filter input, form.dms-documentset-filter select {
margin-bottom: 15px; }
form.dms-documentset-filter input[type=date] {
height: 42px;
width: 100%;
background: #ffffff;
color: #000000;
-webkit-appearance: none;
appearance: none;
display: block; }
form.dms-documentset-filter #Form_DocumentSetFilter_DocumentTypeID {
height: 42px;
-webkit-appearance: none;
-webkit-border-radius: 0;
background: #ffffff url(43c41656fe07c80864ba1c982c6680da.svg) no-repeat;
background-position: calc(100% - 10px) center;
background-size: 22px; }
form.dms-documentset-filter .select2-selection__choice {
line-height: normal;
height: auto; }
form.dms-documentset-filter .select2-container {
width: 100% !important; }
form.dms-documentset-filter .select2-container .select2-search--inline .select2-search__field {
margin-top: 0 !important; }
form.dms-documentset-filter .select2-container--default .select2-selection--multiple {
min-height: 42px;
display: block;
width: 100%;
border: none;
padding: 10px;
background: #ffffff;
line-height: inherit !important;
padding: 10px 10px 0 10px !important;
border-radius: 0 !important;
-webkit-appearance: none;
box-shadow: 0 0 0 transparent !important;
border: none !important; }
form.dms-documentset-filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
margin: 0 10px 10px 0 !important; }
.select2-results__option {
font-size: 14px;
padding: 5px 10px; }
.select2-dropdown {
border: none !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #e1f3fc !important;
color: #333333 !important; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #f4f4f4 !important;
border-bottom: 1px solid #ffffff; }
.select2-container--default .select2-results > .select2-results__options {
padding: 10px; }
.article-list {
float: left;
width: 100%; }
.article-list-toggleAll {
width: 100%;
clear: both;
border-bottom: 3px solid #f4f4f4;
float: left;
padding: 15px 0;
margin-bottom: -30px; }
/*
section.feature-tiles {
padding: 0 15px;
@include media('<=tablet') {
padding: 0;
}
article {
height: 357px;
width: 200px;
a,
a:hover {
text-decoration: none;
color: #000;
}
h2 {
font-size: 2rem;
font-family: $fontSourceSansPro;
font-weight: bold;
color: #000;
margin: 1rem 0;
}
p {
font-size: 1.6rem;
color: #000;
line-height: 1.38;
}
figure {
border-bottom-width: 1rem;
height: 205px;
overflow: hidden;
img {
height: 100%;
border-bottom: 5px solid #fff;
width: auto;
}
&.branch-border-bottom {
border-bottom-width: 1rem;
height: 205px;
overflow: hidden;
}
}
&:hover,
&:focus,
&:focus article {
background-color: #ededed;
text-decoration: none;
}
}
}
.col--pad {
padding-right: 30px !important;
}
*/
.featureTile {
width: 100%;
font-size: 0;
margin-bottom: 45px; }
.featureTile__title, .featureTile__description {
margin: 15px 0 0 0;
font-family: "SourceSansPro";
font-size: 16px;
color: #333333;
max-height: 60px;
/* IE */
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-ms-word-break: normal;
word-break: normal; }
.featureTile__title a, .featureTile__description a {
color: #333333;
border: none; }
.featureTile__title a:hover, .featureTile__title a:active, .featureTile__title a:focus, .featureTile__description a:hover, .featureTile__description a:active, .featureTile__description a:focus {
text-decoration: underline;
border: none; }
.featureTile__description {
margin: 0 0 20px 0;
line-height: 1.2em;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.featureTile__description p {
line-height: 1.2em; }
.featureTile__title {
font-family: "SourceSansPro";
font-weight: bold;
font-size: 20px;
line-height: 1.2em; }
.featureTile__image {
font-size: 0;
top: 0;
left: 0;
margin: 0;
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border-bottom: 10px solid #333333 !important; }
.featureTile__image img {
width: 100%;
transition: all 0.25s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
max-width: none;
-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
transition: opacity 0.25s, transform 0.25s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.featureTile__image img:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.9; }
.featureTile__image a:focus img, .featureTile__image a:active img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.9; }
@media (max-width: 768px) {
.featureTiles .col-xs-6:nth-child(3), .featureTiles .col-sm-6:nth-child(3) {
clear: both; } }
.homePopularLinks__menu {
font-size: 0; }
@media (max-width: 768px) {
.homePopularLinks__menu {
border: none !important;
text-align: left !important;
margin: 0 !important;
padding: 20px 0 !important; } }
@media (max-width: 768px) {
.homePopularLinks__menu a {
line-height: 40px !important;
height: 40px !important;
font-size: 14px !important; } }
@media (max-width: 768px) {
.homePopularLinks__menu__seperator {
display: none; } }
.homePopularLinks__menu--secondary {
padding: 0 !important;
margin: -20px 0 10px 0 !important;
display: none; }
@media (max-width: 768px) {
.homePopularLinks__menu--secondary {
display: block; } }
.homePopularLinks__menu--secondary .homePopularLinks__menu__item a {
color: #ffffff;
background: rgba(0, 0, 0, 0.5); }
.homePopularLinks__menuIcon {
color: #ffffff;
font-size: 25px;
position: absolute;
right: 20px;
top: 5px; }
.homePopularLinks__menu {
margin-top: 30px; }
.homePopularLinks__menu-wrapper {
position: fixed;
right: 0;
top: 0;
height: 100%;
background: #444;
width: 0 !important;
-webkit-transition: width 0.25s ease-out;
-moz-transition: width 0.25s ease-out;
-ms-transition: width 0.25s ease-out;
-o-transition: width 0.25s ease-out;
transition: width 0.25s ease-out; }
.homePopularLinks__menu-wrapper.show {
width: 400px !important; }
@media (max-width: 767px) {
body.home .homePopularLinks__menu-wrapper {
display: block !important; } }
.homePopularLinks__menu-inner {
margin-top: -2px; }
.homePopularLinks__menu__seperator {
background: #8DC63F;
height: 2px;
width: calc(100% - 106px); }
body.scrolling .homePopularLinks__menu__seperator {
width: 100%; }
.homePopularLinks__menu-wrapper.show {
display: block; }
.homePopularLinks__menu > .homePopularLinks__menu__item, header.page .nav--mobile > ul > li {
display: inline-block;
margin: 0 1px 1px 0;
-webkit-transition: background-color 0.25s ease-out;
-moz-transition: background-color 0.25s ease-out;
-ms-transition: background-color 0.25s ease-out;
-o-transition: background-color 0.25s ease-out;
transition: background-color 0.25s ease-out; }
.homePopularLinks__menu a, header.page .nav--mobile > ul > li > a {
text-shadow: 0 0 0 transparent;
color: #333333;
padding: 0 20px;
background-color: white;
font-size: 16px;
box-shadow: 0 0 0 transparent;
height: 50px;
line-height: 50px;
text-transform: none;
display: inline-block;
-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
-ms-transition: background-color 0.2s ease-out, color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out, color 0.2s ease-out;
transition: background-color 0.2s ease-out, color 0.2s ease-out; }
.homePopularLinks__menu > .homePopularLinks__menu__item:focus a,
.homePopularLinks__menu > .homePopularLinks__menu__item a:hover,
.homePopularLinks__menu > .homePopularLinks__menu__item a:focus {
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
text-decoration: none; }
@media (max-width: 767px) {
.homePopularLinks__menu {
margin-left: -10px !important; }
.homePopularLinks__menu--secondary li {
background: none; }
.homePopularLinks__menu--secondary li.homePopularLinks__menu__item a {
background: none; }
.homePopularLinks__menu--secondary li.homePopularLinks__menu__item a span {
color: #ffffff;
background: rgba(0, 0, 0, 0.5);
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); }
.homePopularLinks__menu a {
line-height: normal !important;
height: auto !important;
font-size: 14px !important;
background: none; }
.homePopularLinks__menu a, header.page .nav--mobile > ul > li > a {
text-shadow: 0 0 0 transparent;
color: #333333;
box-shadow: 0 0 0 transparent;
text-transform: none;
display: inline-block;
padding: 0;
margin-left: 20px; }
.homePopularLinks__menu a span, header.page .nav--mobile > ul > li > a span {
font-size: 14px;
-webkit-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, color 0.2s ease-out;
-ms-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, color 0.2s ease-out;
transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out, color 0.2s ease-out;
line-height: 40px;
display: inline;
padding: 11px 0px;
background-color: #ffffff;
position: relative;
color: #333333;
background: white;
box-shadow: 10px 0 0 white, -10px 0 0 white; }
.homePopularLinks__menu a:hover, .homePopularLinks__menu a:focus, .homePopularLinks__menu a:active, header.page .nav--mobile > ul > li > a:hover, header.page .nav--mobile > ul > li > a:focus, header.page .nav--mobile > ul > li > a:active {
background: none !important; }
.homePopularLinks__menu a:hover span, .homePopularLinks__menu a:focus span, .homePopularLinks__menu a:active span, header.page .nav--mobile > ul > li > a:hover span, header.page .nav--mobile > ul > li > a:focus span, header.page .nav--mobile > ul > li > a:active span {
color: #ffffff;
background: rgba(0, 0, 0, 0.5);
box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5); } }
section.media-releases {
background-color: #f4f4f4;
margin: 0;
width: 100%;
padding: 30px 0;
float: left;
position: relative;
z-index: 1; }
@media (max-width: 768px) {
section.media-releases {
padding: 15px 0; } }
section.media-releases > div > div:nth-of-type(3n) article {
border-right: none; }
section.media-releases article, section.media-releases .mediaRelease {
font-size: 1.5rem;
color: #000;
font-weight: bold;
background: #ffffff;
padding: 20px;
height: 250px;
margin-bottom: 15px; }
section.media-releases article:hover, section.media-releases article:focus, section.media-releases .mediaRelease:hover, section.media-releases .mediaRelease:focus {
box-shadow: rgba(0, 0, 0, 0.2) 0 20px 40px 0px;
opacity: 0.9;
-webkit-transition: box-shadow 0.15s ease-out;
-moz-transition: box-shadow 0.15s ease-out;
-ms-transition: box-shadow 0.15s ease-out;
-o-transition: box-shadow 0.15s ease-out;
transition: box-shadow 0.15s ease-out;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
text-decoration: none; }
section.media-releases article__title, section.media-releases .mediaRelease__title {
font-size: 20px;
color: #000;
line-height: 22px; }
section.media-releases article p, section.media-releases .mediaRelease p {
color: #000;
font-weight: normal;
max-height: 200px;
width: 100%;
text-overflow: ellipsis;
overflow-wrap: break-word;
word-wrap: break-word;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.38;
letter-spacing: normal;
text-align: left;
color: #000000; }
@media (max-width: 1024px) {
section.media-releases article, section.media-releases .mediaRelease {
height: auto; } }
section.media-releases a {
text-decoration: none; }
section.media-releases a:focus article {
box-shadow: rgba(0, 0, 0, 0.2) 0 20px 40px 0px;
text-decoration: none; }
section.media-releases a:hover, section.media-releases a:active, section.media-releases a:focus {
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.2) 0 20px 40px 0px; }
section.media-releases a.view-all {
border: 2px solid #000;
text-decoration: none;
text-transform: uppercase;
font-size: 1.6rem;
padding: 1rem;
color: #000;
display: block;
width: 100%;
text-align: center;
margin-top: 15px; }
@media (max-width: 1024px) {
section.media-releases a.view-all {
width: 100%;
margin: 0 0 15px 0; } }
section.media-releases a.view-all:hover, section.media-releases a.view-all:focus, section.media-releases a.view-all:active {
color: #fff;
background: #000; }
article.media-release.news-item {
border-left-width: 5px; }
article.media-release .article-info {
margin-top: 5px; }
article.media-release .article-info a {
color: #333333; }
article.media-release dl {
font-size: 0;
border: none !important; }
article.media-release dl dt {
display: none; }
article.media-release dl dd.news-category {
color: #fff !important;
display: inline-block;
padding: 5px 10px;
font-size: 14px;
margin-bottom: 10px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
font-family: "SourceSansPro"; }
article.media-release dl dd.date {
display: inline-block;
background: #f4f4f4;
padding: 5px 15px;
font-size: 14px; }
/* MemberAjaxLoginForm_LoginForm inner styles */
/* ------------------------- */
#MemberAjaxLoginForm_LoginForm input {
display: block;
width: 100%;
max-width: 40rem;
padding: 0.5rem 1rem;
border: solid 0.1rem #bcc6d4;
-webkit-box-shadow: inset 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.2);
box-shadow: inset 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.2);
font-size: 1.5rem; }
#MemberAjaxLoginForm_LoginForm .field {
position: relative; }
#MemberAjaxLoginForm_LoginForm .field + .field {
margin-top: 1.2rem; }
#MemberAjaxLoginForm_LoginForm label,
#MemberAjaxLoginForm_LoginForm .field fieldset {
display: inline-block;
color: #333333; }
#MemberAjaxLoginForm_LoginForm .req-indicator,
#MemberAjaxLoginForm_LoginForm .required,
#MemberAjaxLoginForm_LoginForm .validation,
#MemberAjaxLoginForm_LoginForm .error {
color: #990000; }
#MemberAjaxLoginForm_LoginForm .checkbox label {
display: inline;
vertical-align: middle;
color: #131313; }
#MemberAjaxLoginForm_LoginForm .checkbox input {
display: inline;
padding: 0;
width: auto;
margin-right: 0.4rem;
border: none;
box-shadow: none;
vertical-align: middle; }
/*
==========================
'more' link to AJAX content
==========================
*/
.more-control {
float: left;
width: 100%;
position: relative;
display: block;
margin: 2rem 0 1.6rem 0;
padding: 1rem 0;
background-color: #f4f4f4;
border: solid 0.1rem #bcc6d4;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
border-radius: 1rem;
text-align: center;
line-height: 1;
text-decoration: none; }
.more-control--newsShowMore {
float: left;
width: 100%; }
.more-control:hover,
.more-control:focus {
text-decoration: none; }
.more-control:focus {
outline: dashed 1px; }
.more-control:before,
.more-control:after {
content: '';
display: block;
position: absolute;
left: 50%;
overflow: hidden;
height: 0;
width: 0;
margin: 0;
padding: 0; }
.more-control:before {
bottom: -1.1rem;
margin-left: -1.8rem;
border-top: solid 1.1rem #bcc6d4;
border-left: solid 1.8rem transparent;
border-right: solid 1.8rem transparent; }
.more-control:after {
bottom: -1rem;
margin-left: -1.6rem;
border-top: solid 1rem #f4f4f4;
border-left: solid 1.6rem transparent;
border-right: solid 1.6rem transparent; }
@media (max-width: 768px) {
.primary__nav-wrapper #PrimaryNavButton {
transition: none;
position: absolute;
top: 0px;
right: 15px;
z-index: 2;
margin-top: 5px; } }
.primary__nav-wrapper button {
background-color: transparent !important;
padding: 0;
margin: 10px 5px 5px 5px;
height: 22px;
width: 22px;
overflow: hidden; }
.primary__nav-wrapper button:hover, .primary__nav-wrapper button:active, .primary__nav-wrapper button:focus {
opacity: 0.5;
outline: none; }
.primary__nav-wrapper .primary__nav {
white-space: nowrap;
height: 100%;
display: block;
z-index: 10000;
transition: width 1s;
overflow: auto;
position: fixed;
right: 0;
top: 0;
background: #444; }
.primary__nav-wrapper .primary__nav a {
text-decoration: none;
color: #fff; }
.primary__nav-wrapper .primary__nav a:hover {
text-decoration: none; }
.primary__nav-wrapper .primary__nav.closed {
display: none; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown {
color: #fff;
height: auto;
margin: -1em 0 0;
padding: 0 30px;
display: block;
clear: both;
/* drop down show / hide */ }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown:hover, .primary__nav-wrapper .primary__nav ul.primary-nav-dropdown.active {
z-index: 10 !important; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown:hover > a,
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown.active > a {
z-index: 10 !important;
color: #fff !important; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown:hover:before, .primary__nav-wrapper .primary__nav ul.primary-nav-dropdown.active:before {
display: block;
z-index: 8 !important; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown:hover > ul,
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown.active > ul {
display: block;
z-index: 5 !important; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown:before {
content: '';
position: absolute;
border-bottom: none; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown ul {
overflow: hidden;
transition: height 2s;
margin-left: 2rem; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown ul + li {
border-top: solid 0.1rem #eee; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown ul + li:last-child {
border-bottom: none; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem {
padding: 0.5rem 0 0 2rem;
line-height: 4rem;
list-style-type: none;
vertical-align: middle;
text-align: left; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem a {
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
font-size: 1.6rem;
text-transform: none;
line-height: initial;
color: #fff;
background-color: transparent;
font-family: "SourceSansPro";
font-weight: bold;
margin-right: 20px;
display: inline-block;
padding-bottom: 3px;
padding-right: 1em;
white-space: normal;
text-decoration: none; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem a:hover, .primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem a:focus {
color: #fff;
text-decoration: underline; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem a.navItem__current {
color: #fff;
text-decoration: underline; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem__icon {
cursor: pointer;
float: right;
outline: none;
position: absolute;
right: 30px; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem__icon:hover, .primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem__icon:active, .primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem__icon:focus {
opacity: 0.5; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem__icon:before {
color: #ffffff;
cursor: pointer;
font-size: 2rem; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem__icon svg {
fill: #ffffff; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem__icon .plus {
display: block; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem__icon .minus {
display: none; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem__icon .loading {
margin: 6px 5px;
display: none; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem.parent.active ul {
display: block; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem.parent.active > .navItem__icon .plus {
display: none; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem.parent.active > .navItem__icon .minus {
display: block; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem.parent.active > a {
color: #ffffff; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem.parent.loading > .navItem__icon .plus {
display: none; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem.parent.loading > .navItem__icon .minus {
display: none; }
.primary__nav-wrapper .primary__nav ul.primary-nav-dropdown .navItem.parent.loading > .navItem__icon .loading {
display: block; }
@media (max-width: 768px) {
.primary__nav-wrapper .primary__nav {
width: 100%;
position: fixed;
top: 0;
right: 0;
background: #333;
z-index: 2; } }
@media (min-width: 768px) and (max-width: 1024px) {
.primary__nav-wrapper .primary__nav {
width: 50%; } }
@media (min-width: 1024px) {
.primary__nav-wrapper .primary__nav {
width: 400px; } }
section.promoArticles article figure img {
width: 100%;
height: 100%; }
section.promoArticles article figure figcaption {
background: none;
border: none;
display: none; }
section.promoArticles article.large-image-with-caption figure {
width: 100%;
float: none;
border: none;
border-top-width: 5px; }
section.promoArticles article.large-image-with-caption figure img {
width: 100%; }
section.promoArticles article.large-image-with-caption figure figcaption {
display: block; }
section.promoArticles article.large-image-with-caption h5 {
display: none; }
section.promoArticles article.large-image-with-caption p {
margin-top: 0.5rem; }
.promoArticle {
width: 100%;
font-size: 0; }
.promoArticle__title, .promoArticle__description {
margin: 20px 0 0 0;
font-family: "SourceSansPro";
font-size: 16px;
color: #333333;
max-height: 60px;
/* IE */
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-ms-word-break: normal;
word-break: normal; }
.promoArticle__title a, .promoArticle__description a {
color: #333333;
border: none; }
.promoArticle__title a:hover, .promoArticle__title a:active, .promoArticle__title a:focus, .promoArticle__description a:hover, .promoArticle__description a:active, .promoArticle__description a:focus {
text-decoration: underline;
border: none; }
.promoArticle__description {
margin: 0 0 20px 0;
line-height: 1.2em;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.promoArticle__description p {
line-height: 1.2em; }
.promoArticle__title {
font-family: "SourceSansPro";
font-weight: bold;
font-size: 20px;
line-height: 1.2em;
margin-bottom: 5px;
margin-top: 0; }
.promoArticle__image {
font-size: 0;
top: 0;
left: 0;
margin: 0;
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border-bottom: 7px solid #333333 !important;
margin-bottom: 30px; }
.promoArticle__image img {
width: 100%;
transition: all 0.25s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
max-width: none;
-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
transition: opacity 0.25s, transform 0.25s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.promoArticle__image img:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.9; }
.promoArticle__image a:focus img, .promoArticle__image a:active img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
opacity: 0.9; }
.promoArticle__image--noPaddingBottom {
padding-bottom: 0; }
.promoTile {
width: 100%;
font-size: 0;
background: #fff;
transition: background 0.25s ease;
margin-bottom: 15px;
cursor: pointer; }
@media (min-width: 769px) {
.promoTile {
margin-bottom: 30px; } }
.promoTile:hover, .promoTile:focus {
box-shadow: rgba(0, 0, 0, 0.2) 0 20px 40px 0px;
opacity: 0.9;
-webkit-transition: box-shadow 0.15s ease-out;
-moz-transition: box-shadow 0.15s ease-out;
-ms-transition: box-shadow 0.15s ease-out;
-o-transition: box-shadow 0.15s ease-out;
transition: box-shadow 0.15s ease-out;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out; }
.promoTile__externalLinkIcon {
width: 25px;
/* IE required */
height: 25px;
/* IE required */
background: #1875B4;
position: absolute;
right: 15px;
top: 0;
padding: 5px;
-webkit-text-fill-color: #fff; }
.promoTile__externalLinkIcon svg {
fill: #fff;
width: 14px;
height: 14p; }
.promoTile__title, .promoTile__description {
margin: 20px 0 0 0;
font-family: "SourceSansPro";
font-size: 16px;
color: #333333;
padding-right: 15px;
max-height: 50px;
/* IE */
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
-ms-word-break: normal;
word-break: normal; }
.promoTile__title a, .promoTile__description a {
color: #333333;
text-decoration: none !important; }
.promoTile__description {
margin: 0 0 15px 0;
line-height: 1.2em;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.promoTile__description p {
line-height: 1.2em; }
.promoTile__title {
font-family: "SourceSansPro";
font-weight: bold;
font-size: 16px;
line-height: 1.2em;
margin: 15px 15px 5px 0; }
.layout__promoTiles--side .promoTiles div:nth-child(2n+1) {
clear: both; }
@media (max-width: 991px) {
.layout__promoTiles--full div:nth-child(2n+1) {
clear: both; } }
@media (min-width: 992px) {
.layout__promoTiles--full div:nth-child(3n+1) {
clear: both; }
.layout__promoTiles--side .promoTiles .col-md-4 {
width: 50%; } }
.search__bar-wrapper.show {
width: 200px;
display: inline-block !important; }
.search__bar-wrapper.active .search__icon {
border-bottom: 2px solid transparent;
text-decoration: none;
cursor: pointer; }
.search__bar-wrapper .search__bar fieldset,
.search__bar-wrapper .search__bar input,
.search__bar-wrapper .search__bar button {
display: inline-block; }
.search__bar-wrapper .search__bar .search__icon svg {
width: 19px; }
.search__bar-wrapper .search__bar fieldset {
height: auto;
float: left;
width: 100%; }
.search__bar-wrapper .search__bar input {
border: none;
font-size: 14px;
text-transform: none;
color: #ffffff;
margin-top: 10px;
background: rgba(255, 255, 255, 0.1);
padding: 0 20px;
border-radius: 20px;
box-shadow: none !important;
height: 33px;
font-family: "SourceSansPro";
width: 300px; }
@media (max-width: 1023px) {
.search__bar-wrapper .search__bar input {
width: 230px; } }
@media (max-width: 767px) {
.search__bar-wrapper .search__bar input {
display: block;
width: 100%;
position: absolute;
left: 0;
top: 30px;
background: #333;
border-radius: 0;
padding: 20px 15px; } }
@media (min-width: 768px) {
.search__bar-wrapper .search__bar input {
margin-top: 5px; } }
.search__bar-wrapper .search__bar button {
color: #fff;
display: inline-block;
overflow: hidden;
vertical-align: bottom;
outline: none;
background-color: transparent !important;
padding: 0;
height: 21px;
margin: 5px 10px; }
.search__bar-wrapper .search__bar button:hover, .search__bar-wrapper .search__bar button:active, .search__bar-wrapper .search__bar button:focus {
opacity: 0.5; }
.utility__nav-wrapper .utility__nav {
display: inline-block; }
.utility__nav-wrapper .utility__nav ul {
margin-right: -1px;
display: inline-block;
position: relative;
white-space: nowrap; }
.utility__nav-wrapper .utility__nav ul li {
position: relative;
margin-right: 20px;
white-space: nowrap;
display: inline-block; }
@media (max-width: 768px) {
.utility__nav-wrapper .utility__nav ul li.login {
display: none !important; } }
@media (max-width: 768px) {
.utility__nav-wrapper .utility__nav ul li.contacts {
display: none !important; } }
@media (max-width: 768px) {
.utility__nav-wrapper .utility__nav ul li.home {
display: none !important; } }
.utility__nav-wrapper .utility__nav ul li.home svg {
width: 19px;
height: 20px;
vertical-align: text-bottom;
fill: #ffffff; }
.utility__nav-wrapper .utility__nav ul li a,
.utility__nav-wrapper .utility__nav ul li span {
white-space: nowrap;
display: inline-block; }
.utility__nav-wrapper .utility__nav ul li a {
line-height: 22px;
margin-top: 11px;
color: #ffffff;
font-weight: normal;
font-size: 1.3rem;
outline: none;
font-family: "SourceSansPro";
font-weight: bold; }
.utility__nav-wrapper .utility__nav ul li a:hover, .utility__nav-wrapper .utility__nav ul li a:focus {
opacity: 0.5;
text-decoration: none; }
.dmsDocument {
padding: 15px !important;
margin: 0 !important;
border-bottom: 3px solid #fff; }
.dmsDocument .button {
border-radius: 0;
text-decoration: none !important;
margin-top: 5px;
margin-right: 5px;
background: transparent;
border: 2px solid #333333;
text-shadow: 0 0 0 transparent;
color: #333333;
height: auto;
font-size: 16px;
padding: 0 1.3rem;
line-height: 3.3rem;
display: inline-block;
font-family: "SourceSansPro";
font-weight: bold;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
border-width: 2px !important; }
.dmsDocument .button:hover, .dmsDocument .button:active, .dmsDocument .button:focus {
border: 2px solid #333333;
background-color: #333333;
color: #fff;
border: 2px solid #333333; }
.dmsDocument .button:hover .button__downloadSize, .dmsDocument .button:active .button__downloadSize, .dmsDocument .button:focus .button__downloadSize {
display: inline-block; }
.dmsDocument.open, .dmsDocument:hover {
background: #f4f4f4; }
.dmsDocument__expandIcon {
fill: #333333;
width: 33px;
height: 33px;
float: right;
margin-top: -5px;
border: 2px solid transparent; }
.dmsDocument__expandIcon:before {
display: none; }
.dmsDocument__expandIcon:focus, .dmsDocument__expandIcon:active, .dmsDocument__expandIcon:hover {
border: 2px solid #333333; }
.dmsDocument__title {
font-family: "SourceSansPro";
font-weight: bold;
font-size: 1.25em !important;
padding-right: 30px; }
.dmsDocument .dmsDocument__expandIcon--plus, .dmsDocument .dmsDocument__expandIcon--minus {
display: block;
width: 30px;
/* ie11 required! */
height: 30px;
/* ie11 required! */ }
.dmsDocument .dmsDocument__expandIcon--plus svg, .dmsDocument .dmsDocument__expandIcon--minus svg {
width: 27px;
/* ie11 required! */
height: 27px;
/* ie11 required! */ }
.dmsDocument.closed {
border-bottom: 3px solid #f4f4f4; }
.dmsDocument.closed .dmsDocument__expandIcon--minus {
display: none; }
.dmsDocument.open .dmsDocument__expandIcon--plus {
display: none; }
#continueBrowsing {
display: none; }
.pigSpaceCalculator {
margin-top: 30px; }
.pigSpaceCalculator__nav {
margin: 0 0 30px 0 !important;
border: none; }
.pigSpaceCalculator__nav > .nav-item {
margin: 0;
margin-bottom: 15px;
margin-right: 30px;
padding-bottom: 15px;
font-size: 20px;
font-family: "SourceSansPro";
font-weight: bold; }
.pigSpaceCalculator__nav > .nav-item a {
padding: 0;
border: none !important; }
.pigSpaceCalculator__nav__pigsCount {
border-bottom: 3px solid #f4f4f4; }
.pigSpaceCalculator__nav__pigsCount a {
color: #156194 !important; }
.pigSpaceCalculator__nav__pigsCount.nav-item {
border-bottom: 3px solid #f4f4f4; }
.pigSpaceCalculator__nav__pigsCount.nav-item.active {
border-color: #156194; }
.pigSpaceCalculator__nav__pigsWeight {
border-bottom: 3px solid #f4f4f4; }
.pigSpaceCalculator__nav__pigsWeight a {
color: #950b52 !important; }
.pigSpaceCalculator__nav__pigsWeight.active {
border-color: #950b52; }
.pigSpaceCalculator__tabs .tab-pane {
padding: 0; }
.pigSpaceCalculator__tabs__pigsCount p, .pigSpaceCalculator__tabs__pigsWeight p {
margin-top: 0; }
.pigSpaceCalculator__tabs__pigsCount label, .pigSpaceCalculator__tabs__pigsWeight label {
width: 100%;
font-family: "SourceSansPro";
font-weight: bold; }
.pigSpaceCalculator__tabs__pigsCount input[type='number'], .pigSpaceCalculator__tabs__pigsWeight input[type='number'] {
border: 5px solid;
padding: 15px;
font-size: 24px;
width: 100%;
margin-top: 5px;
margin-bottom: 15px; }
.pigSpaceCalculator__tabs__pigsCount input[type='number']:focus, .pigSpaceCalculator__tabs__pigsWeight input[type='number']:focus {
background: #FFFFE0; }
.pigSpaceCalculator__tabs__pigsCount input[type='number'] {
border-color: rgba(21, 97, 148, 0.25); }
.pigSpaceCalculator__tabs__pigsWeight input[type='number'] {
border-color: rgba(149, 11, 82, 0.25); }
.pigSpaceCalculator__pigsCountResult, .pigSpaceCalculator__pigsWeightResult {
margin-top: 5px; }
.pigSpaceCalculator__pigsCountResult__count, .pigSpaceCalculator__pigsWeightResult__count {
font-family: "SourceSansPro";
font-weight: bold;
font-size: 24px;
margin-right: 5px; }
.pigSpaceCalculator__pigsCountResult__units, .pigSpaceCalculator__pigsWeightResult__units {
float: right;
margin: 8px; }
.pigSpaceCalculator__pigsCountResult {
border: 5px solid #156194;
background: #4A7B9F;
color: #fff;
padding: 15px; }
.pigSpaceCalculator__pigsWeightResult {
border: 5px solid #950b52;
background: #BA0E67;
color: #fff;
padding: 15px; }
/* ANIMATIONS and EFFECTS */
body.scrolling .header .header__search__seperator {
width: 100%; }
@media (max-width: 768px) {
body.scrolling .primary__nav-wrapper #PrimaryNavButton {
top: -18px; } }
@media (max-width: 768px) {
body.scrolling #site-search {
display: none; }
body.scrolling #HeaderSearch {
display: none; } }
body.scrolling.home header.page {
background: #333333;
-webkit-transition: background 0.25s ease-out;
-moz-transition: background 0.25s ease-out;
-ms-transition: background 0.25s ease-out;
-o-transition: background 0.25s ease-out;
transition: background 0.25s ease-out; }
body.scrolling header.page {
background: #333333 !important;
padding: 0; }
body.scrolling header.page .header__nav {
margin-top: 0; }
body.scrolling .header__branchLogo {
min-height: 20px; }
body.scrolling .header__branchLogo img {
height: 35px;
width: 155px;
margin-bottom: 15px; }
body.scrolling header.page {
background: #333333; }
body.scrolling header.page nav.primary > ul > li.nav {
border-color: transparent; }
body.scrolling header.page nav.primary > ul > li.nav.active {
border-color: #8DC63F; }
body.scrolling header.page div.search > .search__icon {
border-color: transparent; }
body.scrolling header.page div.search.active > .search__icon {
border-color: #8DC63F; }
/* PAGE SPECIFIC OVERRIDES */
.page__main__content .col-md-9 {
padding-bottom: 50px;
margin-bottom: 50px; }
@media (max-width: 768px) {
.page__main__content .col-md-9 {
width: 100%; } }
.legacyAccessPage__intro {
float: left;
padding-bottom: 30px; }
.legacyAccessPage .article-list article .icon {
float: left;
display: block;
width: 4.6rem;
height: 4.6rem;
margin: 0 15px;
background-color: #333333;
-webkit-border-radius: 2.3rem;
-moz-border-radius: 2.3rem;
border-radius: 2.3rem;
font-size: 2.6rem;
line-height: 4.6rem;
color: #ffffff;
text-align: center; }
.legacyAccessPage .article-list article .article-info {
overflow: hidden; }
.legacyAccessPage .article-list article {
clear: both;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
font-size: 1.5rem;
overflow: hidden; }
.legacyAccessPage .article-list article .icon svg {
width: 20px;
height: 20px; }
.layout__main__content .branchLandingPage .intro {
border-bottom: none; }
.branchLandingPage .landingPageSitemap {
margin-top: 10px;
float: left;
width: 100%; }
.branchLandingPage .landingPageSitemap__list {
list-style: none;
padding: 0;
margin: 0;
padding: 0;
margin-bottom: 25px;
float: left;
width: 100%; }
.branchLandingPage .landingPageSitemap__list__item {
padding: 0;
border: none;
display: inline;
font-size: 20px;
line-height: 1em;
float: left;
width: 100%;
margin: 0;
padding: 5px 0;
display: block; }
.branchLandingPage .landingPageSitemap__list__item a {
font-size: 16px;
color: #333333;
font-weight: normal;
font-family: "SourceSansPro"; }
.branchLandingPage .rectangle-landing-content {
box-sizing: border-box;
border-left-color: #4A6F2F;
border-left-style: solid;
border-left-width: 7px;
border-bottom: none;
display: flex;
padding-left: 10.5px;
font-size: 20px;
color: #333333;
margin-bottom: 15px; }
.branchLandingPage .rectangle-landing-content--biosec {
border-left-color: #EAAE19; }
.branchLandingPage .rectangle-landing-content--fish {
border-left-color: #4A6F2F; }
.branchLandingPage .rectangle-landing-content--forest {
border-left-color: #0085A0; }
.branchLandingPage .rectangle-landing-content--food {
border-left-color: #B74425; }
.branchLandingPage .rectangle-landing-content:hover, .branchLandingPage .rectangle-landing-content:active, .branchLandingPage .rectangle-landing-content:focus {
border-bottom: none;
background-color: #f4f4f4; }
.branchLandingPage .landingPageSitemap ul li ul {
font-family: "SourceSansPro";
padding-top: 10px;
line-height: 24px; }
.l1LandingPage .landingPageSitemap, .l2LandingPage .landingPageSitemap {
margin-top: 10px;
float: left;
width: 100%; }
.l1LandingPage .landingPageSitemap__list, .l2LandingPage .landingPageSitemap__list {
list-style: none;
padding: 0;
margin: 0;
padding: 0;
margin-bottom: 25px;
float: left;
width: 100%; }
.l1LandingPage .landingPageSitemap__list__item, .l2LandingPage .landingPageSitemap__list__item {
padding: 0;
border: none;
display: inline;
font-size: 20px;
line-height: 1em;
float: left;
width: 100%;
margin: 0;
padding: 5px 0;
display: block; }
.l1LandingPage .landingPageSitemap__list__item a, .l2LandingPage .landingPageSitemap__list__item a {
font-size: 16px;
color: #333333;
font-weight: normal;
font-family: "SourceSansPro"; }
.l1LandingPage .rectangle-landing-content, .l2LandingPage .rectangle-landing-content {
box-sizing: border-box;
border-left-color: #4A6F2F;
border-left-style: solid;
border-left-width: 7px;
border-bottom: none;
display: flex;
padding-left: 10.5px;
font-size: 20px;
color: #333333;
margin-bottom: 15px; }
.l1LandingPage .rectangle-landing-content--biosec, .l2LandingPage .rectangle-landing-content--biosec {
border-left-color: #EAAE19; }
.l1LandingPage .rectangle-landing-content--fish, .l2LandingPage .rectangle-landing-content--fish {
border-left-color: #4A6F2F; }
.l1LandingPage .rectangle-landing-content--forest, .l2LandingPage .rectangle-landing-content--forest {
border-left-color: #0085A0; }
.l1LandingPage .rectangle-landing-content--food, .l2LandingPage .rectangle-landing-content--food {
border-left-color: #B74425; }
.l1LandingPage .rectangle-landing-content:hover, .l1LandingPage .rectangle-landing-content:active, .l1LandingPage .rectangle-landing-content:focus, .l2LandingPage .rectangle-landing-content:hover, .l2LandingPage .rectangle-landing-content:active, .l2LandingPage .rectangle-landing-content:focus {
border-bottom: none;
background-color: #f4f4f4; }
.l1LandingPage .landingPageSitemap ul li ul, .l2LandingPage .landingPageSitemap ul li ul {
font-family: "SourceSansPro";
padding-top: 10px;
line-height: 24px; }
.layout__main__content .l1LandingPage .intro {
border-bottom: none; }
.l2LandingPage .landingPageSitemap.summary ul li {
padding: 0;
border: none; }
.l3LandingPage .intro p,
.l3ChildPage .intro p,
.l4LandingPage .intro p {
margin-bottom: 1em; }
.l3LandingPage .intro p:last-of-type,
.l3ChildPage .intro p:last-of-type,
.l4LandingPage .intro p:last-of-type {
margin-bottom: 0; }
.landingL3PageSitemap,
.landingL4PageSitemap {
position: relative;
padding-top: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row; }
.landingL3PageSitemap i,
.landingL4PageSitemap i {
width: 100%;
height: 0;
max-height: 0;
display: inline-block; }
.landingL3PageSitemap .l3-block-item,
.landingL3PageSitemap .l4-block-item,
.landingL4PageSitemap .l3-block-item,
.landingL4PageSitemap .l4-block-item {
width: 100%;
border: 1px solid #333333;
color: #333333;
background: #ffffff;
margin-bottom: 20px;
text-decoration: none;
display: inline-block;
overflow: hidden;
vertical-align: top; }
.landingL3PageSitemap .l3-block-item-copy,
.landingL3PageSitemap .l4-block-item-copy,
.landingL4PageSitemap .l3-block-item-copy,
.landingL4PageSitemap .l4-block-item-copy {
padding: 10px; }
.landingL3PageSitemap .l3-block-item-copy ul, .landingL3PageSitemap .l3-block-item-copy ol,
.landingL3PageSitemap .l4-block-item-copy ul,
.landingL3PageSitemap .l4-block-item-copy ol,
.landingL4PageSitemap .l3-block-item-copy ul,
.landingL4PageSitemap .l3-block-item-copy ol,
.landingL4PageSitemap .l4-block-item-copy ul,
.landingL4PageSitemap .l4-block-item-copy ol {
display: block;
padding-right: 0; }
.landingL3PageSitemap .l3-block-item-copy ul li > *, .landingL3PageSitemap .l3-block-item-copy ol li > *,
.landingL3PageSitemap .l4-block-item-copy ul li > *,
.landingL3PageSitemap .l4-block-item-copy ol li > *,
.landingL4PageSitemap .l3-block-item-copy ul li > *,
.landingL4PageSitemap .l3-block-item-copy ol li > *,
.landingL4PageSitemap .l4-block-item-copy ul li > *,
.landingL4PageSitemap .l4-block-item-copy ol li > * {
vertical-align: text-top; }
.landingL3PageSitemap .l3-block-item-copy a,
.landingL3PageSitemap .l4-block-item-copy a,
.landingL4PageSitemap .l3-block-item-copy a,
.landingL4PageSitemap .l4-block-item-copy a {
text-decoration: none;
word-break: break-word;
text-decoration: underline;
border-bottom: none; }
.landingL3PageSitemap .l3-block-item-copy a:hover, .landingL3PageSitemap .l3-block-item-copy a:focus, .landingL3PageSitemap .l3-block-item-copy a:active,
.landingL3PageSitemap .l4-block-item-copy a:hover,
.landingL3PageSitemap .l4-block-item-copy a:focus,
.landingL3PageSitemap .l4-block-item-copy a:active,
.landingL4PageSitemap .l3-block-item-copy a:hover,
.landingL4PageSitemap .l3-block-item-copy a:focus,
.landingL4PageSitemap .l3-block-item-copy a:active,
.landingL4PageSitemap .l4-block-item-copy a:hover,
.landingL4PageSitemap .l4-block-item-copy a:focus,
.landingL4PageSitemap .l4-block-item-copy a:active {
text-decoration: none; }
.landingL3PageSitemap .l3-block-item-copy a:after,
.landingL3PageSitemap .l4-block-item-copy a:after,
.landingL4PageSitemap .l3-block-item-copy a:after,
.landingL4PageSitemap .l4-block-item-copy a:after {
position: relative;
display: inline-block;
top: 4px; }
.landingL3PageSitemap .l3-block-item img,
.landingL3PageSitemap .l4-block-item img,
.landingL4PageSitemap .l3-block-item img,
.landingL4PageSitemap .l4-block-item img {
display: none;
margin: 0; }
.landingL3PageSitemap .l3-block-item h4,
.landingL3PageSitemap .l4-block-item h4,
.landingL4PageSitemap .l3-block-item h4,
.landingL4PageSitemap .l4-block-item h4 {
margin-top: 0; }
.landingL3PageSitemap .l3-block-item p,
.landingL3PageSitemap .l4-block-item p,
.landingL4PageSitemap .l3-block-item p,
.landingL4PageSitemap .l4-block-item p {
color: #333333; }
.landingL3PageSitemap .l3-block-item:hover, .landingL3PageSitemap .l3-block-item:focus, .landingL3PageSitemap .l3-block-item:active,
.landingL3PageSitemap .l4-block-item:hover,
.landingL3PageSitemap .l4-block-item:focus,
.landingL3PageSitemap .l4-block-item:active,
.landingL4PageSitemap .l3-block-item:hover,
.landingL4PageSitemap .l3-block-item:focus,
.landingL4PageSitemap .l3-block-item:active,
.landingL4PageSitemap .l4-block-item:hover,
.landingL4PageSitemap .l4-block-item:focus,
.landingL4PageSitemap .l4-block-item:active {
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.2) 0 20px 40px 0px;
opacity: 0.9;
-webkit-transition: box-shadow 0.15s ease-out;
-moz-transition: box-shadow 0.15s ease-out;
-ms-transition: box-shadow 0.15s ease-out;
-o-transition: box-shadow 0.15s ease-out;
transition: box-shadow 0.15s ease-out;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out; }
.landingL3PageSitemap .l3-block-item:hover h4, .landingL3PageSitemap .l3-block-item:focus h4, .landingL3PageSitemap .l3-block-item:active h4,
.landingL3PageSitemap .l4-block-item:hover h4,
.landingL3PageSitemap .l4-block-item:focus h4,
.landingL3PageSitemap .l4-block-item:active h4,
.landingL4PageSitemap .l3-block-item:hover h4,
.landingL4PageSitemap .l3-block-item:focus h4,
.landingL4PageSitemap .l3-block-item:active h4,
.landingL4PageSitemap .l4-block-item:hover h4,
.landingL4PageSitemap .l4-block-item:focus h4,
.landingL4PageSitemap .l4-block-item:active h4 {
text-decoration: underline; }
.landingL3PageSitemap .l4-block-item.mpi-colour-border,
.landingL4PageSitemap .l4-block-item.mpi-colour-border {
border-top-color: #333333 !important;
border-right-color: #333333 !important;
border-left-color: #333333 !important;
border-bottom-width: 5px; }
.landingL3PageSitemap .l4-block-item:hover, .landingL3PageSitemap .l4-block-item:focus, .landingL3PageSitemap .l4-block-item:active,
.landingL4PageSitemap .l4-block-item:hover,
.landingL4PageSitemap .l4-block-item:focus,
.landingL4PageSitemap .l4-block-item:active {
box-shadow: none; }
.landingL3PageSitemap .l4-block-item:hover h4, .landingL3PageSitemap .l4-block-item:focus h4, .landingL3PageSitemap .l4-block-item:active h4,
.landingL4PageSitemap .l4-block-item:hover h4,
.landingL4PageSitemap .l4-block-item:focus h4,
.landingL4PageSitemap .l4-block-item:active h4 {
text-decoration: none; }
.landingL4PageSitemap .l4-block-item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column; }
.landingL4PageSitemap .l4-block-item-rm {
padding: 20px 15px; }
.landingL4PageSitemap .l4-block-item-rm a {
text-decoration: underline;
border: none; }
.landingL4PageSitemap .l4-block-item-rm a:hover, .landingL4PageSitemap .l4-block-item-rm a:focus, .landingL4PageSitemap .l4-block-item-rm a:active {
text-decoration: none; }
@media (max-width: 319px) {
.landingL3PageSitemap .l3-block-item.mpi-colour-border {
border-top-color: #333333 !important;
border-right-color: #333333 !important;
border-left-color: #333333 !important;
border-bottom-width: 5px; }
.landingL3PageSitemap .l3-block-item.mpi-colour-border:hover, .landingL3PageSitemap .l3-block-item.mpi-colour-border:active, .landingL3PageSitemap .l3-block-item.mpi-colour-border:focus {
border-bottom-width: 5px; } }
@media (min-width: 321px) {
.landingL3PageSitemap i,
.landingL4PageSitemap i {
width: calc(50% - 10px); }
.landingL3PageSitemap .l3-block-item,
.landingL3PageSitemap .l4-block-item,
.landingL4PageSitemap .l3-block-item,
.landingL4PageSitemap .l4-block-item {
width: calc(50% - 10px); }
.landingL3PageSitemap .l3-block-item-copy,
.landingL3PageSitemap .l4-block-item-copy,
.landingL4PageSitemap .l3-block-item-copy,
.landingL4PageSitemap .l4-block-item-copy {
padding: 20px 15px; }
.landingL3PageSitemap .l3-block-item img,
.landingL3PageSitemap .l4-block-item img,
.landingL4PageSitemap .l3-block-item img,
.landingL4PageSitemap .l4-block-item img {
display: block; }
.landingL3PageSitemap .l3-block-item.mpi-colour-border,
.landingL4PageSitemap .l3-block-item.mpi-colour-border {
border-color: #333333 !important; } }
@media (min-width: 769px) {
.landingL3PageSitemap,
.landingL4PageSitemap {
padding-top: 60px; }
.landingL3PageSitemap i,
.landingL4PageSitemap i {
width: calc(33.333% - 13.333px); }
.landingL3PageSitemap .l3-block-item,
.landingL3PageSitemap .l4-block-item,
.landingL4PageSitemap .l3-block-item,
.landingL4PageSitemap .l4-block-item {
width: calc(33.333% - 13.333px); }
.landingL4PageSitemap {
padding-top: 20px;
padding-bottom: 20px; } }
@media (min-width: 1025px) {
.landingL3PageSitemap i,
.landingL4PageSitemap i {
width: calc(25% - 15px); }
.landingL3PageSitemap .l3-block-item,
.landingL3PageSitemap .l4-block-item,
.landingL4PageSitemap .l3-block-item,
.landingL4PageSitemap .l4-block-item {
width: calc(25% - 15px); }
.l3ChildPage .landingL3PageSitemap i {
width: calc(33.333% - 13.333px); }
.l3ChildPage .landingL3PageSitemap .l3-block-item,
.l3ChildPage .landingL3PageSitemap .l4-block-item {
width: calc(33.333% - 13.333px); } }
.styleGuide__colourPill {
display: block;
margin: 10px 0; }
.styleGuide__colourPill__disc {
background: #ffffff;
width: 20px;
height: 20px;
display: inline-block;
border: 2px solid transparent;
border-radius: 50%;
margin-right: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); }
.styleGuide__colourPill__colourCode {
font-family: monospace, sans-serif; }
.styleGuide__section {
border-bottom: 2px dashed #333;
padding-bottom: 20px;
margin-bottom: 20px;
float: left;
width: 100%; }
.styleGuide__section > .container, .styleGuide__section > .container-fluid {
padding: 0 !important; }
.styleGuide__section__viewExample {
background: #1875B4;
display: inline-block;
color: #fff !important;
font-size: 14px;
height: 40px;
line-height: 40px;
padding: 0 15px;
float: right; }
.styleGuide__section__anchor {
width: 100%;
float: left; }
.styleGuide__section--greyBackground {
background: #f4f4f4;
padding: 30px; }
.styleGuide__section--greyBackground .styleGuide__section__codeBlock {
background: #fff; }
.styleGuide__section--charcoalBackground {
background: #333333;
padding: 30px; }
.styleGuide__section--charcoalBackground .styleGuide__section__codeBlock {
background: #555;
color: #fff; }
.styleGuide__section--charcoalBackground .styleGuide__section__title {
background: rgba(255, 255, 255, 0.2); }
.styleGuide__section__codeBlock {
background: #f4f4f4;
padding: 20px;
margin-top: 10px;
border-radius: 0;
border-left: 3px solid #3f87a6;
font-size: 14px; }
.styleGuide__section__download {
width: 40px;
height: 40px;
background: #1875B4;
display: block;
float: right;
text-align: center;
cursor: pointer; }
.styleGuide__section__download:hover, .styleGuide__section__download:active, .styleGuide__section__download:focus {
opacity: 0.75; }
.styleGuide__section__download svg {
fill: #fff;
width: 30px;
height: 30px;
margin: 5px; }
.styleGuide__section__colourTile {
height: 60px; }
.styleGuide__section__colourTile--mpi {
background-color: #8CC63F; }
.styleGuide__section__colourTile--food {
background-color: #B74425; }
.styleGuide__section__colourTile--forest {
background-color: #4A6F2F; }
.styleGuide__section__colourTile--fish {
background-color: #0085A0; }
.styleGuide__section__colourTile--biosec {
background-color: #EAAE19; }
.styleGuide__section__colourTile--animal {
background-color: #6E298D; }
.styleGuide__section__title {
line-height: 30px;
background: #333;
color: #fff;
padding: 5px 20px;
font-size: 12px;
letter-spacing: 1px;
font-family: sans-serif;
font-weight: normal;
margin-bottom: 20px; }
.styleGuide__section .featureTile__image, .styleGuide__section .promoArticle__image, .styleGuide__section .promoTile__image {
min-height: 100px;
background: #f4f4f4; }
body.landing .top-promo-tiles .intro {
margin-bottom: 1rem; }
body.landing .top-promo-tiles article figure img {
padding-bottom: 1rem; }
body.landing .top-promo-tiles article h5 {
color: #666666;
font-size: 2rem;
margin-top: 0;
font-family: "SourceSansPro";
font-weight: bold; }
@media (min-width: 769px) and (max-width: 1023px) {
.landing .columns.upper .column {
float: none;
width: auto;
margin-left: 0; }
.landing .columns.upper .column + .column {
margin-top: 1.4rem; } }
/* Fisheries Levy Cost Recovery Page Styles */
.flcr_container > div {
margin-bottom: 30px; }
.flcr_container table th {
text-align: right;
background-color: inherit; }
.flcr_container table th:first-child {
text-align: left; }
.flcr_container table td {
vertical-align: middle;
background-color: inherit;
text-align: right; }
.flcr_container table thead {
white-space: nowrap; }
.flcr_container table thead tr {
border-bottom: none; }
.flcr_container table tfoot td {
text-align: right !important; }
.flcr_container .flcr_form .field {
display: inline-block;
overflow: hidden;
width: 30%; }
.flcr_container .flcr_form .field:first-child {
width: 65%; }
.flcr_container .flcr_form .field label {
width: 100%;
padding-bottom: 0.5em; }
.flcr_container .flcr_form .select2-container--default {
font-size: 1.25em; }
.flcr_container .flcr_form .select2-container--default .select2-selection--single {
padding: 0.25em 0.5em !important;
height: auto; }
.flcr_container .flcr_proposal_panel tr {
border-bottom: none; }
.flcr_container .flcr_proposal_panel tr:first-child td {
color: #fff; }
.flcr_container .flcr_proposal_panel tr:first-child td:first-child {
text-align: left;
vertical-align: top; }
.flcr_container .flcr_proposal_panel tr:first-child td:nth-child(2) {
text-align: left;
font-size: 60px;
font-weight: bolder; }
.flcr_container .flcr_costs_panel th {
vertical-align: bottom; }
.flcr_container .flcr_costs_panel td:first-child {
text-align: left;
white-space: nowrap; }
.flcr_container .flcr_projects_panel th {
text-align: left; }
.flcr_container .flcr_projects_panel td {
text-align: left; }
.flcr_container .flcr_projects_panel td:first-child {
text-align: left;
white-space: nowrap; }
.flcr_container .flcr_projects_panel td:last-child {
text-align: right; }