/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #666;
-webkit-tap-highlight-color: rgba(201, 224, 253, 0.8);
}
/*
* Overrides the highlight color shown when the user taps a link or a
* JavaScript clickable element in Safari on iOS. Needs to be manually re-
* added to elements that should (i.e. input fields) receive this feedback.
*/
html {
font-size: 16px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Defaults
========================================================================== */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:first-child {
margin-top: 0;
}
:last-child {
margin-bottom: 0;
}
body {
font: 400 .9375em/1.6 'Open Sans', sans-serif;
margin: auto;
}
body.sfPageEditor {
max-width: none;
}
a {
color: #006aaf;
text-decoration: none;
}
a:focus,
a:hover {
text-decoration: underline !important;
}
h1, .h1 {
color: #006aaf;
font-size: 2.4em; /* 36 */
font-weight: 100;
line-height: 1.3333;
margin: 0 0 .6667em;
}
h1 a:hover, .h1 a:hover {
text-decoration: none;
}
h2, .h2 {
color: #24629c;
font-size: 1.8667em; /* 28 */
font-weight: 100;
line-height: 1.3571;
margin: .8571em 0; /* 24 */
}
h3, .h3 {
color: #24629c;
font-size: 1.6em; /* 22 */
font-weight: 100;
line-height: 1.5833;
margin: 1em 0; /* 24 */
}
h4, .h4 {
font-size: 1.2em;
font-weight: 700;
margin: 1.99995em 0 1.3333em;
}
p {
margin: 1.6em 0;
}
ol {
margin: 1.6em 0;
}
ul {
/*list-style-type: none;*/
margin: 1.6em 0;
padding-left: 0;
}
ul li {
position: relative;
}
.inline ul {
display: table;
margin: 0 auto;
}
.inline ul li {
position: relative;
display: inline;
}
.page-margin {
margin: 0px 20px !important;
}
.sf_cols.page-margin{
width: auto;
}
.sf_colsOut {
padding: 10px;
}
.overlay {
width: 100%;
box-sizing: border-box;
position: absolute;
left: 0px;
top: 0px;
}
.content-bs {
max-width: 1400px;
}
/* Sitefinity overrides. */
.sfPageEditorToolbarWrapper .RadToolBar .rtbUL:before,
.sfPageEditorToolbarWrapper .RadToolBar .rtbItem:before,
.sfPageContainer .RadDock .rdCenter .rdCommands li:before,
.ZoneEditorMultipage .RadPanelBar .rpItem:before {
display: none;
}
ul.rtUL {
list-style-type: none;
}
ul.nav-footer__list {
list-style-type: none;
}
.btn-berry1 {
background-color: #1274b1;
border-color: #1274b1;
color: #fff !important;
}
.btn-berry1-small {
background-color: #1274b1;
border-color: #1274b1;
color: #fff !important;
font-size:90%;
}
@media only screen and (max-width: 1200px) {
body {
font-size: .8125em; /* 13 */
}
/*
* Off-canvas version.
*/
.nav-primary-mobile {
border-bottom: solid 1px #ccc;
overflow: hidden;
padding: 1em 0;
position: relative;
}
.nav-primary-mobile__wrap {
position: relative;
}
.nav-primary-mobile ul {
margin: 0;
}
.nav-primary-mobile ul ul {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
}
.nav-primary-mobile__item {
margin: 1em 0;
padding-left: 0;
position: static;
}
.nav-primary-mobile__item:first-child {
margin-top: 0;
}
.nav-primary-mobile__item:last-child {
margin-bottom: 0;
}
.nav-primary-mobile__item:before {
display: none;
}
.nav-primary-mobile__item > a {
display: block;
font-size: 1.3846em;
padding-left: 1.3889em; /* 25 */
position: relative;
text-transform: uppercase;
}
/*.nav-primary-mobile__item > a:before {
content: "»";
left: .7222em;
xline-height: 1.3333;
position: absolute;
top: 0;
}*/
.nav-primary-mobile__link {
padding-right: 2.5em;
position: relative;
}
.nav-primary-mobile__link:after {
content: ">";
font-weight: 700;
position: absolute;
right: 2em;
top: 0;
}
.nav-primary-mobile__back {
font-weight: 700;
}
.nav-primary-mobile__back:before {
content: "< " !important;
}
/* Toggle visibility of all sub-menu(s) once the parent has been activated. */
.nav-primary-mobile__link.active + ul {
visibility: visible;
}
}
}
/* ==========================================================================
Page Regions
========================================================================== */
/*
* Header
*/
.region-header {
border-bottom: solid 1px #ccc;
margin-bottom: 1.6em;
position: relative;
z-index: 1;
}
.region-header--nogutter {
margin-bottom: 0;
}
@media only screen and (max-width: 37.5em) {
.region-header {
border-bottom: 0;
margin-bottom: 0;
}
}
/*
* Content structure.
*/
.region-main {
}
.region-main--alt,
.sf_cols.region-main--alt {
background: #eee;
padding: 4em 0;
}
.region-body,
.sf_cols.region-body {
/*margin: 5.3333em 0;*/ /* 80 */
}
.region-body--sep,
.sf_cols.region-body--sep {
border-top: solid 1px #ccc;
/*padding-top: 5.3333em;*/
}
.region-body--gutter,
.sf_cols.region-body--gutter {
padding-left: 5.3333em;
/*padding-right: 5.3333em;*/
}
@media only screen and (max-width: 37.5em) {
.region-body,
.sf_cols.region-body {
margin: 3.0769em 0; /* 40 */
padding-left: 1.5385em;
padding-right: 1.5385em;
}
.region-body--sep,
.sf_cols.region-body--sep {
padding-top: 3.0769em;
}
}
@media only screen and (max-width: 25em) {
.region-body,
.sf_cols.region-body {
margin: 3.0769em 0; /* 40 */
padding-left: 10px;
padding-right: 10px;
}
.region-body--sep,
.sf_cols.region-body--sep {
padding-top: 3.0769em;
}
}
/*
* Footer
*/
.region-footer {
background: #0a3f61;
color: #fff;
padding: .0667em 0;
}
.region-footer--alt,
.sf_cols.region-footer--alt {
background: #1274b1;
padding: .6667em 0;
}
.region-footer a {
color: inherit;
}
/*
* Mobile-based off-canvas panel.
*/
.region-offcanvas {
display: none;
}
.sfTemplateEditor .region-offcanvas {
display: block;
}
@media only screen and (max-width: 1200px) {
.region-offcanvas {
background: #fff;
border-right: solid 1px #b2b2b2;
bottom: 0;
color: #fff;
display: block;
float: left;
margin-left: -80%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: absolute;
top: 0;
width: 80%;
z-index: 999;
}
/*.region-offcanvas:after {
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 36%, rgba(0,0,0,0.13) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(36%,rgba(0,0,0,0.02)), color-stop(100%,rgba(0,0,0,0.13)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 36%,rgba(0,0,0,0.13) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 36%,rgba(0,0,0,0.13) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 36%,rgba(0,0,0,0.13) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 36%,rgba(0,0,0,0.13) 100%);
-webkit-background-size: 100% 26px;
-moz-background-size: 100% 26px;
background-size: 100% 26px;
content: "";
height: 100%;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 26px;
}*/
.csstransforms .region-offcanvas {
margin-left: 0;
position: fixed;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.page {
float: left;
position: relative;
width: 100%;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.csstransforms .page {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.js-region-offcanvas-active,
.js-region-offcanvas-active body {
overflow: hidden;
}
.js-region-offcanvas-active .region-offcanvas {
margin-left: 0;
}
.js-region-offcanvas-active .page {
margin-left: 80%;
overflow: hidden;
}
.csstransforms.js-region-offcanvas-active .region-offcanvas {
margin-left: 0;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.csstransforms.js-region-offcanvas-active .page {
margin-left: 0;
-webkit-transform: translateX(80%);
-moz-transform: translateX(80%);
-ms-transform: translateX(80%);
transform: translateX(80%);
}
}
/*
* Smallish widgets normally contained within the navigation column.
*/
.region-widgetblock {
padding-right: 1em;
}
.region-widgetblock + .region-widgetblock {
border-top: solid 1px #ccc;
margin-top: 1.6em;
padding-top: 1.6em;
}
/* ==========================================================================
Grid [Pure v0.4.2]
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
========================================================================== */
.grid,
.sf_cols.grid {
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
letter-spacing: -0.31em;
*letter-spacing: normal;
margin-left: auto;
margin-right: auto;
max-width: 68em;
text-rendering: optimizespeed;
word-spacing: -0.43em;
}
.sf_cols.grid:before,
.sf_cols.grid:after {
display: none;
}
.grid + .grid {
margin-top: 1.6em;
}
.grid--nogutter,
.sf_cols.grid--nogutter {
margin-left: -.6667em;
margin-right: -.6667em;
}
.grid--alignmiddle {
-webkit-align-items: center;
align-items: center;
}
.grid--aligntop {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.grid--aligncenter {
-webkit-justify-content: center;
justify-content: center;
text-align: center;
}
@media only screen and (max-width: 37.5em) {
.grid--aligncenter {
-webkit-justify-content: inherit;
justify-content: inherit;
text-align: inherit;
}
}
/*
* Large top/bottom gutter.
*/
.grid.grid--gutter80px {
margin-bottom: 5.3333em;
margin-top: 5.3333em;
}
.grid.grid--gutter80pxby30px {
margin: 5.3333em 0 5.3333em -2em;
}
@media only screen and (max-width: 37.5em) {
.grid.grid--gutter80px,
.grid.grid--gutter80pxby30px {
margin: 3.0769em 0; /* 40 */
}
}
.grid--relative {
position: relative;
}
.gridcol {
display: inline-block;
*display: inline;
font-family: 'Open Sans', sans-serif;
letter-spacing: normal;
padding-left: .6667em;
padding-right: .6667em;
text-rendering: auto;
vertical-align: top;
word-spacing: normal;
zoom: 1;
}
.sf_colsOut.gridcol {
float: none;
}
.gridcol--alignmiddle {
vertical-align: middle;
}
.gridcol--alignbottom {
vertical-align: bottom;
}
/*
* Content-specific columns for the overall structure of the page content
* layout (one or two columns).
*/
.gridcol--maincol,
.sf_colsOut.gridcol--maincol {
padding-bottom: 4em;
width: 100%;
}
.gridcol--maincol1,
.sf_colsOut.gridcol--maincol1 {
padding-right: 0;
padding-bottom: 4em;
width: 20.5882%;
}
.gridcol--maincol2,
.sf_colsOut.gridcol--maincol2 {
border-left: solid 1px #ccc;
padding-left: 2em;
padding-bottom: 4em;
width: 79.4118%;
}
.gridcol--maincol2--push,
.sf_colsOut.gridcol--maincol2--push {
border-left-color: transparent;
margin-left: 20.5882%;
padding-bottom: 0;
padding-left: 0;
}
@media only screen and (max-width: 37.5em) {
.gridcol--maincol,
.gridcol--maincol1,
.gridcol--maincol2,
.gridcol--maincol,
.sf_colsOut.gridcol--maincol,
.sf_colsOut.gridcol--maincol1,
.sf_colsOut.gridcol--maincol2--push,
.sf_colsOut.gridcol--maincol2,
.sf_colsOut.gridcol--maincol2--push {
border-left: 0;
margin-left: 0;
padding: 0;
width: 100%;
}
.m600gridlayout {
caption-side: bottom;
display: table !important;
width: 100%;
}
.m600gridlayout .sf_colsOut.gridcol--maincol1 {
display: table-caption;
padding: 0 1.5385em 1.5385em; /* 20 */
width: 100%;
}
}
/*
* Custom gutters.
*/
.gridcol--gutter30px,
.gridcol--gutter40px {
padding: 0 2em;
}
/* Force inline margins (from Sitefinity) to be removed! */
.sf_colsIn {
margin: 0 !important;
}
@media only screen and (max-width: 37.5em) {
.gridcol--gutter30px,
.gridcol--gutter40px {
padding: 0 1.5385em; /* 20 */
}
}
.gridcol--nogutter {
padding-left: 0;
padding-right: 0;
}
.gridcol--keyline {
border: solid 1px #ccc;
border-right: 0;
padding: 0;
}
.gridcol--keyline:first-child {
border-left: 0;
}
/*
* Column (6) sizing.
*/
.sf_colsOut.sizeauto {
width: auto;
}
.size1of1 {
width: 100%;
}
.size1of6,
.sf_colsOut.size1of6 {
width: 16.6667%;
}
.size1of4,
.sf_colsOut.size1of4 {
width: 25%;
}
.size2of6,
.sf_colsOut.size2of6 {
width: 33.3333%;
}
.size3of6,
.sf_colsOut.size3of6 {
width: 50%;
}
.size4of6,
.sf_colsOut.size4of6 {
width: 66.6667%;
}
.size3of4,
.sf_colsOut.size3of4 {
width: 75%;
}
.size5of6,
.sf_colsOut.size5of6 {
width: 83.3333%;
}
.size38pt75 {
width: 38.75%;
}
.size61pt25 {
width: 61.25%;
}
.size44pt50 {
width: 44.5%;
}
.size55pt50 {
width: 55.5%;
}
.push1of6 {
margin-left: 16.6667%;
}
.push2of6 {
margin-left: 33.3333%;
}
.push4of6 {
margin-left: 66.6667%;
}
.push5of6 {
margin-left: 83.3333%;
}
/*.sfContentBlock + .sfContentBlock {
margin-top: 5.3333em;
}*/
@media only screen and (max-width: 37.5em) {
.grid + .grid,
.grid + .grid.m600nogutter {
margin-top: 0;
}
.grid:not(.m600hide) + .grid:not(.m600hide):not(.m600nogutter) {
margin-top: 1.5385em; /* 20 */
}
/*.size1of5:nth-child(1n+3),
.size1of4:nth-child(1n+3),
.size2of6:nth-child(1n+3) {
margin-top: 1.5385em;
}
.gridcol--gutter30px.size1of5:nth-child(1n+3),
.gridcol--gutter30px.size1of4:nth-child(1n+3),
.gridcol--gutter30px.size2of6:nth-child(1n+3),
.gridcol--gutter40px.size1of5:nth-child(1n+3),
.gridcol--gutter40px.size1of4:nth-child(1n+3),
.gridcol--gutter40px.size2of6:nth-child(1n+3) {
margin-top: 3.0769em;
}
*/
/*
* Strip gutter spacing from first and last columns when within the main
* body region.
*/
.region-body .grid--nogutter,
.region-body .sf_cols.grid--nogutter {
margin-left: 0;
margin-right: 0;
}
.region-body .gridcol:first-child {
padding-left: 0;
}
.region-body .gridcol:last-child {
padding-right: 0;
}
.gridcol--m600,
.sf_colsOut.gridcol--m600 {
margin-left: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.gridcol--m600nogutter {
padding-left: 0;
padding-right: 0;
}
.gridcol--gutter30px.gridcol--m600 + .gridcol--gutter30px.gridcol--m600,
.gridcol--gutter40px.gridcol--m600 + .gridcol--gutter40px.gridcol--m600 {
margin-top: 3.0769em; /* 40 */
}
.gridcol--m600size1of2,
.sf_colsOut.gridcol--m600size1of2 {
width: 50%;
}
.gridcol--m600size1of2:nth-child(1n+3),
.sf_colsOut.gridcol--m600size1of2:nth-child(1n+3) {
margin-top: 3.0769em;
}
}
/* ==========================================================================
Re-useable UI Elements
========================================================================== */
/*
* Flexible mini-grid layout.
*/
.minigrid {
display: table;
width: 100%;
}
.minigrid__row {
display: table-row;
}
.minigrid__col {
display: table-cell;
vertical-align: top;
}
.minigrid__col--middle {
vertical-align: middle;
}
.minigrid__col--last {
text-align: right;
}
.minigrid__col--skinny {
width: 1px;
}
.minigrid__col--m600show {
display: none;
}
.minigrid__col--gutter30px {
padding-left: 30px;
padding-right: 30px;
}
@media only screen and (max-width: 37.5em) {
.minigrid__col--m600show {
display: table-cell;
}
}
/*
* Flexible media objects
*/
.ui-object {
position: relative;
width: 100%; /* desired width */
}
.ui-object:before {
content: "";
display: block;
padding-bottom: 56.25%; /*(16:9 = 9/16)*/
}
/* iframe, embed, object... */
.ui-object-item {
-webkit-background-size: cover;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* ==========================================================================
Navigation
========================================================================== */
.nav-sitelogo {
margin-top:-1.4em;
}
@media only screen and (max-width: 37.5em) {
.nav-sitelogo {
margin: 0 auto;
padding: 1em 0;
position: relative;
text-align: center;
}
}
.nav-toolbar {
color: #000;
margin: .4em 0 0;
text-align: right;
}
.nav-toolbar__item {
display: inline-block;
*display: inline;
font-size: .8em; /* 12 */
margin: 0 0 0 2em;
padding: 0;
position: static;
text-align: left;
}
.nav-toolbar__item:before {
display: none;
}
.nav-toolbar__item > a {
color: inherit;
}
.nav-toolbar__item > a.active {
color: #006aaf;
font-weight: 700;
}
@media only screen and (max-width: 1200px) {
.nav-toolbar {
border-bottom: solid 1px #ccc;
border-top: solid 1px #ccc;
margin: 0;
padding: 0 1em;
text-align: left;
}
.nav-toolbar__item {
color: #24629c;
display: block;
font-size: 1.0769em; /* 14 */
font-weight: 700;
margin: .7143em 0;
padding-left: 1em;
position: relative;
}
.nav-toolbar__item:before {
content: "»";
left: 0;
line-height: 1.4;
position: absolute;
}
}
.nav-primary {
}
.nav-primary > ul {
display: table;
width: 100%;
}
.nav-primary__item {
/*display: table-cell;*/
margin: 0;
padding: 0;
/*position: static;*/
}
.nav-primary__item:before {
display: none;
}
.nav-primary__item > a {
background: transparent;
color: #1274b1 !important;
/*display: block;*/
font-size: 1.2em;
font-weight: 700;
line-height: 1.1;
/*padding: .6667em 1em 1em 1.6667em;
position: relative;*/
text-transform: uppercase;
z-index: 1;
}
.nav-primary__item {
color: #1274b1;
}
@media only screen and (max-width: 55em) {
.nav-primary__item > a {
font-size: 1em;
}
}
.navbar-collapse {
border-bottom: 1px solid #1274b1;
padding-bottom: 5px;
}
.custom-nav .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(36,98,144, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
content: "";
}
.custom-nav .navbar-toggler.active .navbar-toggler-icon {
background-image: unset;
}
.custom-nav .navbar-toggler.active .navbar-toggler-icon::after {
content: "X";
}
/*.custom-nav .navbar-toggler {
background-color: #24629c;
} */
.dropdown-menu-container {
background-color: #1274b1;
}
.custom-nav .dropdown-item,
.custom-nav .dropdown-item * {
color: #fff;
font-size: 700;
}
.dropdown-item:hover
{
background-color: unset;
}
/*.nav-primary__item:hover > .dropdown-menu {
display: block;
}*/
.text-uppercase {
font-weight: bold;
}
.custom-nav {
font-size: 14px;
}
.custom-nav .dropdown-item-level1 {
color: #fff;
font-size: 75%;
font-weight: bold;
/*text-indent: 15px;*/
padding: 5px;
}
.custom-nav .dropdown-item-level2 {
color: #fff;
font-size: 75%;
/*text-indent: 5px;*/
padding: 5px;
}
@media only screen and (min-width: 1200px) {
.dropdown-item {
/* flex: 0 40%; */
/*max-width: 200px;*/
white-space: unset;
width: auto;
}
.divider-vertical,.divider-horizontal{
position: relative;
}
.divider-vertical:after {
content: '';
height: 90%;
width: 1px;
position: absolute;
right: 0;
top: 5%;
opacity: 0.5;
background-color: #FFF;
}
.divider-horizontal:after {
content: '';
width: 90%;
height: 1px;
position: absolute;
left: 0;
margin-left: 5%;
opacity: 0.5;
background-color: #FFF;
}
}
#st-search-input-large {
width: 10px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 24px;
background-color: lightgray;
background-image: url('https://www.berryglobal.com/images/default-source/Generic-Content-Imagery/search_box_icon.png');
background-position: 50% 50%;
background-repeat: no-repeat;
padding: 12px 20px 12px 20px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
#st-search-input-large:focus {
width: 100%;
background-position: 95% 50%;
}
/*
* Mobile-based off-canvas panel.
*/
.region-offcanvas {
display: none;
}
.sfTemplateEditor .region-offcanvas {
display: block;
}
@media only screen and (max-width: 1200px) {
.region-offcanvas {
background: #fff;
border-right: solid 1px #b2b2b2;
bottom: 0;
color: #fff;
display: block;
float: left;
margin-left: -80%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: absolute;
top: 0;
width: 80%;
z-index: 999;
}
/*.region-offcanvas:after {
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 36%, rgba(0,0,0,0.13) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(36%,rgba(0,0,0,0.02)), color-stop(100%,rgba(0,0,0,0.13)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 36%,rgba(0,0,0,0.13) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 36%,rgba(0,0,0,0.13) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 36%,rgba(0,0,0,0.13) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 36%,rgba(0,0,0,0.13) 100%);
-webkit-background-size: 100% 26px;
-moz-background-size: 100% 26px;
background-size: 100% 26px;
content: "";
height: 100%;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 26px;
}*/
.csstransforms .region-offcanvas {
margin-left: 0;
position: fixed;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.page {
float: left;
position: relative;
width: 100%;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
transition: all .2s linear;
}
.csstransforms .page {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.js-region-offcanvas-active,
.js-region-offcanvas-active body {
overflow: hidden;
}
.js-region-offcanvas-active .region-offcanvas {
margin-left: 0;
}
.js-region-offcanvas-active .page {
margin-left: 80%;
overflow: hidden;
}
.csstransforms.js-region-offcanvas-active .region-offcanvas {
margin-left: 0;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.csstransforms.js-region-offcanvas-active .page {
margin-left: 0;
-webkit-transform: translateX(80%);
-moz-transform: translateX(80%);
-ms-transform: translateX(80%);
transform: translateX(80%);
}
}
/*
* Breadcrumb.
*/
.nav-breadcrumb {
margin-bottom: .6667em;
min-height: 1.6em;
}
.nav-breadcrumb__item,
.sfBreadcrumbNavigation,
.sfNoBreadcrumbNavigation {
display: inline-block;
*display: inline;
font-size: .8667em;
margin: 0 0 0 .5em;
padding-left: .7692em;
zoom: 1;
}
.nav-breadcrumb__item:first-child,
.sfBreadcrumbNavigation:first-child,
.sfNoBreadcrumbNavigation:first-child {
margin-left: 0;
padding-left: 0;
}
.nav-breadcrumb__item:first-child:before,
.sfBreadcrumbNavigation:first-child:before,
.sfNoBreadcrumbNavigation:first-child:before {
display: none;
}
.nav-breadcrumb__item > a,
.sfBreadcrumbNavigation > a {
color: inherit;
}
.nav-breadcrumb__item > a.active,
.sfNoBreadcrumbNavigation > a {
color: #006aaf;
}
@media only screen and (max-width: 37.5em) {
.nav-breadcrumb {
margin: .6667em;
min-height: 0;
}
}
/* Sitefinity overrides. */
.nav-breadcrumb ul {
margin: 0;
}
.sfBreadcrumbNodeSeparator {
display: none !important;
}
/*
* Secondary / Sub navigation.
*/
.nav-secondary {
}
.nav-secondary--sep {
border-top: solid 1px #ccc;
margin-top: 2.6em;
padding-top: 2.6em;
}
/* Sitefinity overrides. */
.RadTreeView.nav-secondary .rtSp,
.RadTreeView.nav-secondary .rtPlus {
display: none !important;
}
.nav-secondary__item,
.RadTreeView.nav-secondary li {
font-size: 1.0667em; /* 16 */
font-weight: 700;
margin: .5714em 0;
padding: 0;
position: static;
}
.nav-secondary__item:first-child,
.RadTreeView.nav-secondary li:first-child {
margin-top: 0;
}
.nav-secondary__item:last-child,
.RadTreeView.nav-secondary li:last-child {
margin-bottom: 0;
}
.nav-secondary__item:before,
.RadTreeView.nav-secondary li:before {
display: none;
}
.nav-secondary__item > ul,
.RadTreeView.nav-secondary li > ul {
margin: .6875em 0 1em;
}
.nav-secondary__item > a,
.RadTreeView.nav-secondary .rtIn {
color: #000;
display: block;
margin-left: -.375em;
padding-left: .375em;
}
.nav-secondary__item > a:focus,
.RadTreeView.nav-secondary li a:focus,
.nav-secondary__item > a:hover,
.RadTreeView.nav-secondary li a:hover,
.nav-secondary__item > a.active,
.RadTreeView.nav-secondary .rtSelected > a {
background: #a1def2;
text-decoration: none;
}
/*
* Second and third levels.
*/
.nav-secondary__item--level2,
.RadTreeView.nav-secondary li li {
font-size: .875em;
}
.nav-secondary__item--level3,
.nav-secondary__item--level4,
.RadTreeView.nav-secondary li li li {
font-size: 1em;
font-weight: 400;
}
.nav-secondary__item--level4,
.RadTreeView.nav-secondary li li li li {
margin: 0;
}
.nav-secondary__item--level2 > a,
.nav-secondary__item--level3 > a,
.nav-secondary__item--level4 > a,
.RadTreeView.nav-secondary li li .rtIn {
color: #006aaf;
padding-left: 1.0714em;
position: relative;
}
.nav-secondary__item--level3 > a,
.RadTreeView.nav-secondary li li li .rtIn {
padding-left: 1.5714em;
}
.nav-secondary__item--level4 > a,
.RadTreeView.nav-secondary li li li li .rtIn {
padding-left: 2.5714em; /* 36 */
}
.nav-secondary__item--level2 > a:before,
.nav-secondary__item--level3 > a:before,
.nav-secondary__item--level4 > a:before,
.RadTreeView.nav-secondary li li .rtIn:before {
content: "»";
left: .4286em;
line-height: 1.4;
position: absolute;
top: 0;
}
.nav-secondary__item--level3 > a:before,
.RadTreeView.nav-secondary li li li .rtIn:before {
left: .9286em;
}
.nav-secondary__item--level4 > a:before,
.RadTreeView.nav-secondary li li li li .rtIn:before {
left: 1.9286em;
}
/*
* Social navigation icons.
*/
.nav-social {
}
.nav-social__hdr {
color: inherit;
font-size: 1.6em;
}
.nav-social__list {
display: table;
line-height: 1;
}
.nav-social__list li {
display: table-cell;
margin: 0;
padding-left: .6667em;
position: static;
}
.nav-social__list li:before {
display: none;
}
.nav-social__list li:first-child {
padding-left: 0;
}
@media only screen and (max-width: 37.5em) {
.nav-social__hdr {
font-size: 1.0769em; /* 14 */
}
.nav-social__list li {
padding-left: 10px;
}
}
/*
* Footer-based navigation.
*/
.nav-footer__hdr {
color: inherit;
font-size: 1.2em;
margin-bottom: 0;
}
.nav-footer__list {
font-size: .9333em;
margin-top: 0;
}
.nav-footer__list li {
margin: .5em 0;
padding: 0;
position: static;
}
.nav-footer__list li:before {
display: none;
}
.nav-footer__list li:last-child {
margin-bottom: 0;
}
/*
* Pagination.
*/
.sf_pagerNumeric {
margin-top: 5.3333em;
text-align: center;
}
.sf_pagerNumeric > a {
display: inline-block;
height: 2em;
line-height: 2em;
margin: 0 .5em;
width: 2em;
}
.sf_pagerNumeric > .sf_PagerCurrent {
background: #a1def2;
font-weight: 700;
}
/* ==========================================================================
Iconography
========================================================================== */
.icon {
background: url(../img/sprite.png) no-repeat;
border: 0;
display: inline-block;
*display: inline;
line-height: 1;
overflow: hidden;
zoom: 1;
}
.icon:before {
content: "";
display: block;
height: 100%;
width: 0;
}
.icon--search {
background-position: -77px -20px;
height: 15px;
width: 15px;
}
.icon--social {
height: 20px;
width: 20px;
}
.icon--social--fb {
background-position: -112px -20px;
}
.icon--social--tw {
background-position: -152px -20px;
}
.icon--social--tb {
background-position: -192px -20px;
}
.icon--social--yt {
background-position: -232px -20px;
}
.icon--social--pt {
background-position: -272px -20px;
}
.icon--social--li {
background-position: -312px -20px;
}
@media only screen and (max-width: 37.5em) {
.backgroundsize .icon--search {
background-position: -84px -26px;
-webkit-background-size: 300px 300px;
-moz-background-size: 300px 300px;
background-size: 300px 300px;
height: 14px;
width: 14px;
}
}
/* ==========================================================================
Widgets
========================================================================== */
/*
* Mini search form.
*/
.search {
border: solid 1px #d7d7d7;
margin-left: auto;
min-height: 32px;
padding: 3px;
text-align: left;
}
.search__fld {
border: 0;
border-radius: 0;
color: #000;
display: block;
font-size: .8667em;
font-weight: 400;
padding: 0;
width: 100%;
}
.search__fld:focus {
outline: 0;
}
.search__fld::-webkit-input-placeholder {
font-style: normal;
}
.search__fld:-moz-placeholder {
font-style: normal;
}
.search__fld::-moz-placeholder {
font-style: normal;
}
.search__fld:-ms-input-placeholder {
font-style: normal;
}
.search__btn,
.search td.gsc-search-button {
background: transparent;
border: 0;
border-left: solid 1px #d7d7d7;
display: block;
height: 19px;
padding: 0;
text-align: center;
width: 42px;
}
.gsc-search-box {
width: 100%;
}
/*
* Override the default styles applied by Google.
*/
.search form.gsc-search-box {
font-size: 1em;
margin: 0;
width: 100%;
}
.search table.gsc-search-box {
margin: 0;
}
.search .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0;
}
.search input.gsc-input,
.search .gsc-input-box,
.search .gsc-input-box-hover,
.search .gsc-input-box-focus {
background: transparent;
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: auto;
}
.search td.gsc-search-button {
display: table-cell;
}
.search .gsib_a,
.search .gsst_a {
padding: 0;
}
.search .gsst_b {
font-size: .8667em;
padding: 0 5px;
}
.search input.gsc-input {
display: block;
background: white;
border-radius: 24px;
text-align: center;
/*font-size: .8667em;
font-weight: 400;*/
}
.search .gscb_a {
font: inherit;
font-size: 1em;
}
.search .gsst_a .gscb_a {
color: #666;
}
.search td.gsc-search-button {
background: #d7d7d7;
height: auto;
}
.search .cse .gsc-search-button input.gsc-search-button-v2,
.search input.gsc-search-button-v2 {
background: transparent !important;
border: 0;
height: 13px;
margin: 0 auto;
padding: 0;
width: 13px;
}
@media only screen and (max-width: 1200px) {
.search {
background: lightgray;/*#0a3f61;*/
border: 0;
margin-left: 0;
max-width: none;
padding: 0 .7143em; /* 10 */
}
.search__fld {
font-size: 1.0769em;
font-weight: 400;
padding: .25em .7143em;
width: 100%;
}
.search__btn {
background: #24629c;
border-left: 0;
border-radius: 0 5px 5px 0;
height: 2em;
width: 2em;
}
#mobilecanvas .gsc-input-box > table {
height: 4.6923em;
}
#mobilecanvas .gsc-input {
padding: 10px !important;
}
#mobilecanvas .gsc-search-button {
background: transparent;
border-left: 0;
width: auto;
}
}
/*
* Search Results (via Google Site Search).
*/
.page .gsc-control-cse {
border: 0;
font: inherit;
padding: 0;
}
.page .form.gsc-search-box {
font: inherit;
margin-bottom: 0;
}
.page table.gsc-search-box {
margin-bottom: 0;
}
.page .gsc-above-wrapper-area {
border-bottom-color: #ccc;
padding: 0 0 1.6em;
}
.page .gsc-result-info {
color: inherit;
font: inherit;
margin: 0;
padding: 0;
}
.page .gs-result .gs-title,
.page .gs-result .gs-title * {
text-decoration: none;
}
.page .gs-result .gs-title:hover,
.page .gs-result .gs-title *:hover {
text-decoration: underline;
}
.page .gsc-webResult .gsc-result {
border-bottom: solid 1px #ccc !important;
padding: 1.6em 0 1.6em 0;
}
.page .gsc-thumbnail-inside,
.page .gsc-url-top {
padding-left: 0;
padding-right: 0;
}
.page .gsc-url-top {
font-size: .8667em;
}
.page .gsc-result .gs-title {
font-size: 18px !important;
height: auto;
}
.page .gsc-control-cse .gsc-table-result {
font: inherit;
}
.page .gsc-results .gsc-cursor-box {
margin: 1.6em 0;
text-align: center;
}
/*
* Shopping cart "ticker".
* (i.e. 14 ITEMS SAVED)
*/
/*
.cart-ticker {
background: #c5de9b;
color: #006aaf;
font-size: .8em; /* 12 */
font-weight: 700;
margin-left: auto;
min-height: 5px;
max-width: 16.6667em; /* 200 */
padding: 1px .5em;
text-align: center;
}
@media only screen and (max-width: 37.5em) {
.cart-ticker {
bottom: 0;
font-size: .9231em;
position: absolute;
right: 0;
}
}
*/
/*
* Button.
*/
.btn-berry1 {
background-color: #1274b1;
border-color: #1274b1;
color: #fff;
}
/*.button {
background: #006aaf;
border: 0;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: .8667em;
font-weight: 700;
padding: .1923em .7692em .1923em 1.5385em;
position: relative;
-webkit-transition: background .25s, color .25s;
transition: background .25s, color .25s;
}
.button:hover,
.button:focus {
background: #a1def2;
color: #006aaf;
text-decoration: none;
}
.button:before {
background: url(../img/sprite.png) no-repeat -216px -53px;
content: "";
height: 5px;
left: .6923em;
position: absolute;
top: .7692em;
width: 5px;
}
.button--alt {
background: #a1def2;
color: #006aaf;
}
.button--alt:focus,
.button--alt:hover {
background: #006aaf;
color: #fff;
}
.button--alt:before {
background-position: -270px -53px;
}*/
/*
* Force default width of button.
*/
.button--minwidth {
min-width: 10em; /* 130 */
text-align: center;
}
.button__cta {
border-radius: 0;
font-size: 1.2em;
padding: 1em 2em;
text-align: center;
text-transform: uppercase;
}
.button__cta:before {
display: none;
}
input.button {
font-size: 1.2em;
min-width: 10em;
padding: .5em 1em;
}
/*
* Leading content.
*/
.leading {
font-size: 1.6em;
font-weight: 100;
margin: 1.6em auto;
max-width: 32em;
text-align: center;
width: 85%;
}
.leading:first-child {
margin-top: 0;
}
.leading:last-child {
margin-bottom: 0;
}
.leading--small,
.leading--smaller {
font-size: 1.3333em; /* 20 */
line-height: 1.2;
margin: 1.2em 0; /* 24 */
max-width: none;
text-align: inherit;
width: auto;
}
.leading--smaller {
font-size: 1.2em;
margin: 1.3333em 0; /* 24 */
}
.leading--autowidth {
max-width: none;
width: auto;
}
@media only screen and (max-width: 37.5em) {
.leading {
font-size: 1.2308em;
max-width: none;
width: auto;
}
.leading--small,
.leading--smaller {
font-size: 1.0769em;
}
}
/*
* List of links.
*/
.linklist {
font-size: .9333em;
}
.linklist li {
color: #006aaf;
font-weight: 700;
margin-top: .5714em;
padding-left: .8571em;
}
.linklist li:first-child {
margin-top: 0;
}
/*
* Bulleted list.
*/
/*
.list li {
margin: 0;
padding-left: 2em;
}
.list li:before {
background: #666;
border-radius: 50%;
content: "";
height: .4em;
top: .6667em;
width: .4em;
}
*/
/*
* "Read more" link.
*/
.linkmore {
font-size: .8em;
font-weight: 700;
text-transform: uppercase;
}
/*
* Enlarged/bolded text for call-to-action purposes.
*/
.linkcta {
color: #006aaf;
font-size: 1.2em;
font-weight: 700;
}
/*
* Pullquote.
*/
.pullquote {
margin-left: 0;
margin-right: 0;
}
.pullquote p {
margin-bottom: 0;
}
.pullquote cite {
font-size: .8667em;
}
/*
* CTA block.
*/
.ctablock,
.sf_cols.ctablock {
background: #1274b1;
color: #fff;
margin: 1.6em 0;
padding: 1.3333em .6667em;
}
/*
* Table-based elements.
*/
.tabledata {
margin: 1.6em 0;
width: 100%;
}
.tabledata:first-child {
margin-top: 0;
}
.tabledata:last-child {
margin-bottom: 0;
}
.tabledata tr:nth-child(even) {
background: #eee;
}
.tabledata td,
.tabledata th {
padding: .5em;
}
/*
* Form-related UI.
*/
.formlabel {
font-size: 1.2em;
font-weight: 700;
}
.forminput {
border: solid 1px #737373;
font-size: .8667em;
padding: .3846em;
}
.forminput--multiline {
height: 7em;
width: 100%;
}
.formbutton {
background: #24629c;
border: 0;
color: #fff;
font-weight: 700;
padding: 4px 1em;
}
::-webkit-input-placeholder {
font-style: italic;
}
:-moz-placeholder {
font-style: italic;
}
::-moz-placeholder {
font-style: italic;
}
:-ms-input-placeholder {
font-style: italic;
}
.bpcInquiryErrMsgs {
background: #c00;
color: #fff;
display: none;
font-weight: 700;
padding: 20px;
margin: 0 0 1.6em;
text-align: left;
}
.bpcInquiryErrMsg {
display: block;
}
@media only screen and (max-width: 37.5em) {
.formlabel {
display: block;
font-size: 1.0769em; /* 14 */
margin-bottom: .5em;
text-align: left;
}
.forminput {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
}
/* ==========================================================================
Section Masthead
========================================================================== */
.masthead,
.sf_cols.masthead {
//margin-left: -2em;
position: relative;
width: unset;
padding-top: 10px;
}
.masthead:before {
content: "";
display: block;
//padding-bottom: 39.375%; /* 800 x 315 */
}
.masthead--fullcanvas,
.sf_cols.masthead--fullcanvas {
margin-left: 0;
}
.region-main > .masthead--fullcanvas:first-child {
margin-top: -1.6em;
}
.masthead--fullcanvas:before {
padding-bottom: 41.2143%; /* 1400 x 577 */
}
/*.masthead--landing,
.sf_cols.masthead--landing {
margin-left: 0;
}
.masthead--landing:before {
padding-bottom: 34.8%; /* 1000 x 348 */
}
.masthead--secondary:before {
padding-bottom: 45.625%; /* 800 x 365 */
}*/
.masthead--billboard,
.sf_cols.masthead--billboard {
margin-left: 0;
}
.masthead--billboard:before {
/*padding-bottom: 53.5%;*/ /* 1000 x 535 */
}
/* Sitefinity overrides. */
.sfPageEditor .masthead:before {
display: none;
}
@media only screen and (max-width: 37.5em) {
.masthead {
margin-left: 0;
margin-top: 0;
}
}
/*
* Faux background image (inline that stretches to confines defined for the
* container).
*/
.masthead__img {
height: 100%;
left: 0;
//position: absolute;
top: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
/* Sitefinity overrides. */
.sfPageEditor .masthead__img {
position: static;
}
/*
* Headline / title of section.
*/
.masthead__title {
background: #006bb1;
background: rgba(0, 107, 177, .9);
bottom: 20%;
color: #fff;
font-size: 2.1333em;
font-weight: 100;
margin: 0;
margin-left: 10%;
min-width: 57.75%;
padding: .15625em .625em;
position: absolute;
right: 0;
text-align: right;
}
.masthead__title > a {
color: inherit;
text-decoration: none;
}
/*
* Headline for the "Product" page, specifically.
*/
.masthead__title--product {
background: transparent;
border-left: solid 21px #a1def2;
bottom: auto;
color: #000;
left: 66.6667%;
line-height: 1;
min-width: 0;
padding: .5em 0 0 .4687em;
right: auto;
text-align: left;
top: 1em;
}
.masthead--secondary .masthead__title {
bottom: 2.5em;
}
.masthead__title--alignleft {
left: 0;
right: auto;
text-align: left;
}
.masthead--fullcanvas .masthead__title {
background: #006bb1;
background: rgba(0,107,177,.8);
/*border-left: solid .5em #99d9ef;*/
color:#fff;
bottom: auto;
font-size: 2.4em;
left: 52%;
line-height: 1;
margin-top: 14.6428%; /* 205 */
min-width: 0;
padding: .75em 0 .75em .75em;
top: 0;
width: auto !important;
}
@media only screen and (max-width: 37.5em) {
.masthead__title,
.masthead--fullcanvas .masthead__title,
.masthead__title--summary {
font-size: 1.1538em;
}
}
/*
* Fuller headline - contain multiple-elements.
*/
.masthead__title--summary {
bottom: 2.6667em;
font-size: 1em;
min-width: 0;
max-width: 88%;
padding: 1.6em 3.2em;
}
.masthead__title--summary * {
color: inherit;
}
@media only screen and (max-width: 37.5em) {
.masthead__title--summary {
bottom: 0;
left: 0;
font-size: 1em;
max-width: none;
padding: 1em;
right: 0;
}
.masthead__title--summary > *:not(h1) {
display: none;
}
.masthead__title--summary h1 {
font-size: 100%;
margin-bottom: 0;
}
}
/*
* Call-to-action link and/or text.
*/
.masthead__cta {
display: none !important;
background: #f1a63c;
color: #fff;
font-size: .8em;
font-weight: 700;
padding: .5em 1em .5em 2.5em;
position: absolute;
right: 0;
text-transform: uppercase;
top: 55.8059%;
width: 23.5%;
}
.masthead__cta:before {
background: url(../img/sprite.png) no-repeat -216px -53px;
content: "";
height: 5px;
left: 1.25em;
position: absolute;
top: 1.0833em;
width: 5px;
}
.masthead__cta a {
color: inherit;
}
.masthead__cta a:focus,
.masthead__cta a:hover {
text-decoration: none;
}
/* ==========================================================================
Media Block
========================================================================== */
.mediablock {
display: block;
color: inherit;
text-decoration: none;
}
.mediablock:hover {
text-decoration: none;
}
.mediablock--center {
text-align: center;
}
.mediablock--padding {
padding: 2em;
}
.mediablock__title {
margin-bottom: .8571em;
}
.mediablock__thumb,
.sf_colsOut.mediablock__thumb {
display: table;
margin: 1.6em 0;
width: 100%;
}
.mediablock__thumb:first-child {
margin-top: 0;
}
.mediablock__thumb:last-child {
/* margin-bottom: 0;*/
}
.mediablock__thumb--nogutter,
.sf_colsOut.mediablock__thumb--nogutter {
margin: 0;
}
.mediablock--padding .mediablock__thumb--nogutter {
margin: 0 -2em -2em;
width: 100%;
width: -webkit-calc(100% + 4em);
width: calc(100% + 4em);
}
/*
* Vertically center thumbnails/logos within a predefined height. Useful
* if there are a series of images that do not have a uniform height.
*/
.mediablock__thumbcell {
display: table-cell;
height: 11.3333em; /* 170 */
vertical-align: middle;
}
.mediablock__thumbcell--small {
height: 6.3333em; /* 95 */
}
.mediablock__thumbcell--large {
height: 22.6667em; /* 340 */
}
.mediablock__thumb img {
display: block;
margin: auto;
}
.mediablock__thumbcell img {
max-height: 100%;
}
.mediablock__thumb--inline img {
display: inline;
}
/*
* Wrap with keyline.
*/
.mediablock__thumb--keyline img {
border: solid 1px #999;
}
.mediablock__summary {
margin: 1em 0;
}
.mediablock__summary:first-child {
margin-top: 0;
}
.mediablock__summary:last-child {
margin-bottom: 0;
}
.mediablock__link {
margin-top: 2.0em;
text-align: center;
}
@media only screen and (max-width: 37.5em) {
.m600-mediablock {
text-align: left;
}
.m600-mediablock:before,
.m600-mediablock:after {
content: " ";
display: table;
}
.m600-mediablock:after {
clear: both;
}
.mediablock--padding {
padding: 1.5385em;
}
/*
* Float content in two-column mini-grid.
*/
.m600-mediablock-blockleft,
.sf_colsOut.m600-mediablock-blockleft {
float: left;
width: 40.625%;
}
.m600-mediablock-blockright,
.sf_colsOut.m600-mediablock-blockright {
float: right;
padding-left: 1.5385em;
width: 59.375%;
}
.mediablock__thumbcell {
display: block;
height: auto;
}
.mediablock__thumbcell > img {
max-height: 100%;
}
.mediablock__thumbcell--large > img {
max-height: none;
}
.mediablock__link {
margin-top: 1.5385em;
}
}
/* ==========================================================================
Rotator / Slider
========================================================================== */
/* START: Custom CSS from slick. */
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-loading .slick-list {
background: white url("../img/ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
zoom: 1;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
/* END: Custom CSS from slick. */
.rotator,
.sf_cols.rotator {
margin: 1.6em 0;
padding: 2em;
position: relative;
}
.rotator:first-child,
.sf_cols.rotator:first-child {
margin-top: 0;
}
.rotator:last-child,
.sf_cols.rotator:last-child {
margin-bottom: 0;
}
.rotator:before,
.rotator:after,
.sf_cols.rotator:before,
.sf_cols.rotator:after {
background: #ccc;
background: -moz-linear-gradient(top, rgba(204,204,204,0.12) 0%, rgba(204,204,204,0.13) 9%, rgba(204,204,204,0.21) 15%, rgba(204,204,204,0.28) 17%, rgba(204,204,204,0.34) 19%, rgba(204,204,204,0.69) 26%, rgba(204,204,204,0.8) 28%, rgba(204,204,204,0.82) 29%, rgba(204,204,204,0.85) 30%, rgba(204,204,204,0.96) 35%, rgba(204,204,204,1) 40%, rgba(204,204,204,1) 56%, rgba(204,204,204,0.98) 61%, rgba(204,204,204,0.94) 64%, rgba(204,204,204,0.9) 66%, rgba(204,204,204,0.81) 69%, rgba(204,204,204,0.46) 78%, rgba(204,204,204,0.31) 83%, rgba(204,204,204,0.24) 85%, rgba(204,204,204,0.13) 92%, rgba(204,204,204,0.12) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,0.12)), color-stop(9%,rgba(204,204,204,0.13)), color-stop(15%,rgba(204,204,204,0.21)), color-stop(17%,rgba(204,204,204,0.28)), color-stop(19%,rgba(204,204,204,0.34)), color-stop(26%,rgba(204,204,204,0.69)), color-stop(28%,rgba(204,204,204,0.8)), color-stop(29%,rgba(204,204,204,0.82)), color-stop(30%,rgba(204,204,204,0.85)), color-stop(35%,rgba(204,204,204,0.96)), color-stop(40%,rgba(204,204,204,1)), color-stop(56%,rgba(204,204,204,1)), color-stop(61%,rgba(204,204,204,0.98)), color-stop(64%,rgba(204,204,204,0.94)), color-stop(66%,rgba(204,204,204,0.9)), color-stop(69%,rgba(204,204,204,0.81)), color-stop(78%,rgba(204,204,204,0.46)), color-stop(83%,rgba(204,204,204,0.31)), color-stop(85%,rgba(204,204,204,0.24)), color-stop(92%,rgba(204,204,204,0.13)), color-stop(100%,rgba(204,204,204,0.12)));
background: -webkit-linear-gradient(top, rgba(204,204,204,0.12) 0%,rgba(204,204,204,0.13) 9%,rgba(204,204,204,0.21) 15%,rgba(204,204,204,0.28) 17%,rgba(204,204,204,0.34) 19%,rgba(204,204,204,0.69) 26%,rgba(204,204,204,0.8) 28%,rgba(204,204,204,0.82) 29%,rgba(204,204,204,0.85) 30%,rgba(204,204,204,0.96) 35%,rgba(204,204,204,1) 40%,rgba(204,204,204,1) 56%,rgba(204,204,204,0.98) 61%,rgba(204,204,204,0.94) 64%,rgba(204,204,204,0.9) 66%,rgba(204,204,204,0.81) 69%,rgba(204,204,204,0.46) 78%,rgba(204,204,204,0.31) 83%,rgba(204,204,204,0.24) 85%,rgba(204,204,204,0.13) 92%,rgba(204,204,204,0.12) 100%);
background: -o-linear-gradient(top, rgba(204,204,204,0.12) 0%,rgba(204,204,204,0.13) 9%,rgba(204,204,204,0.21) 15%,rgba(204,204,204,0.28) 17%,rgba(204,204,204,0.34) 19%,rgba(204,204,204,0.69) 26%,rgba(204,204,204,0.8) 28%,rgba(204,204,204,0.82) 29%,rgba(204,204,204,0.85) 30%,rgba(204,204,204,0.96) 35%,rgba(204,204,204,1) 40%,rgba(204,204,204,1) 56%,rgba(204,204,204,0.98) 61%,rgba(204,204,204,0.94) 64%,rgba(204,204,204,0.9) 66%,rgba(204,204,204,0.81) 69%,rgba(204,204,204,0.46) 78%,rgba(204,204,204,0.31) 83%,rgba(204,204,204,0.24) 85%,rgba(204,204,204,0.13) 92%,rgba(204,204,204,0.12) 100%);
background: -ms-linear-gradient(top, rgba(204,204,204,0.12) 0%,rgba(204,204,204,0.13) 9%,rgba(204,204,204,0.21) 15%,rgba(204,204,204,0.28) 17%,rgba(204,204,204,0.34) 19%,rgba(204,204,204,0.69) 26%,rgba(204,204,204,0.8) 28%,rgba(204,204,204,0.82) 29%,rgba(204,204,204,0.85) 30%,rgba(204,204,204,0.96) 35%,rgba(204,204,204,1) 40%,rgba(204,204,204,1) 56%,rgba(204,204,204,0.98) 61%,rgba(204,204,204,0.94) 64%,rgba(204,204,204,0.9) 66%,rgba(204,204,204,0.81) 69%,rgba(204,204,204,0.46) 78%,rgba(204,204,204,0.31) 83%,rgba(204,204,204,0.24) 85%,rgba(204,204,204,0.13) 92%,rgba(204,204,204,0.12) 100%);
background: linear-gradient(to bottom, rgba(204,204,204,0.12) 0%,rgba(204,204,204,0.13) 9%,rgba(204,204,204,0.21) 15%,rgba(204,204,204,0.28) 17%,rgba(204,204,204,0.34) 19%,rgba(204,204,204,0.69) 26%,rgba(204,204,204,0.8) 28%,rgba(204,204,204,0.82) 29%,rgba(204,204,204,0.85) 30%,rgba(204,204,204,0.96) 35%,rgba(204,204,204,1) 40%,rgba(204,204,204,1) 56%,rgba(204,204,204,0.98) 61%,rgba(204,204,204,0.94) 64%,rgba(204,204,204,0.9) 66%,rgba(204,204,204,0.81) 69%,rgba(204,204,204,0.46) 78%,rgba(204,204,204,0.31) 83%,rgba(204,204,204,0.24) 85%,rgba(204,204,204,0.13) 92%,rgba(204,204,204,0.12) 100%);
bottom: 0;
content: "";
display: block;
position: absolute;
top: 0;
width: 1px;
}
.rotator:before {
left: 0;
}
.rotator:after {
right: 0;
}
.rotator--fullcanvas {
padding: 0;
}
.rotator--fullcanvas:before,
.rotator--fullcanvas:after {
display: none;
}
.rotator--sep,
.sf_cols.rotator--sep {
border-top: solid 1px #ccc;
/*padding-top: 5.3333em;*/
}
.rotator__nav,
.slick-prev,
.slick-next {
background: #333;
background: rgba(51, 51, 51, .5);
border: 0;
height: 2.6667em;
margin-top: -1.33335em;
overflow: hidden;
position: absolute;
text-indent: -999em;
top: 50%;
width: 2em;
z-index: 1;
}
.rotator__nav:after,
.slick-prev:after,
.slick-next:after {
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
content: "";
height: 13px;
left: 50%;
margin: -6.5px 0 0 -5.5px;
position: absolute;
top: 50%;
width: 11px;
}
.rotator__nav:focus,
.slick-prev:focus,
.slick-next:focus,
.rotator__nav:hover,
.slick-prev:hover,
.slick-next:hover {
text-decoration: none;
}
.rotator__nav[rel="prev"],
.slick-prev {
border-radius: 0 6px 6px 0;
left: -2em;
}
.rotator__nav[rel="prev"]:after,
.slick-prev:after {
background-position: -20px -86px;
}
.rotator__nav[rel="next"],
.slick-next {
border-radius: 6px 0 0 6px;
right: -2em;
}
.rotator__nav[rel="next"]:after,
.slick-next:after {
background-position: -20px -53px;
}
.rotator--fullcanvas .slick-prev {
left: 0;
}
.rotator--fullcanvas .slick-next {
right: 0;
}
.rotator__item {
cursor: pointer;
}
/*
* Inline imagery scroller.
*/
.slick-initialized .rotator__item--inline.slick-slide {
display: inline-block;
float: none;
text-align: center;
vertical-align: middle;
}
/*
* Large-scale version of navigation arrows.
*/
@media only screen and (min-width: 37.5em) {
.rotator__nav--large,
.rotator--fullcanvas .slick-prev,
.rotator--fullcanvas .slick-next {
height: 4.7333em; /* 71 */
margin-top: -2.36665em;
width: 3.4667em; /* 52 */
}
.rotator__nav--large:after,
.rotator--fullcanvas .slick-prev:after,
.rotator--fullcanvas .slick-next:after {
height: 25px;
margin: -12.5px 0 0 -11px;
width: 22px;
}
.rotator__nav[rel="prev"],
.rotator--fullcanvas .slick-prev {
border-radius: 0 10px 10px 0;
}
.rotator__nav--large[rel="prev"]:after,
.rotator--fullcanvas .slick-prev:after {
background-position: -295px -53px;
}
.rotator__nav[rel="next"],
.rotator--fullcanvas .slick-next {
border-radius: 10px 0 0 10px;
}
.rotator__nav--large[rel="next"]:after,
.rotator--fullcanvas .slick-next:after {
background-position: -337px -53px;
}
}
/*
* Navigation "dots".
*/
.slick-dots {
text-align: center;
}
.slick-dots > li {
display: inline-block;
margin: 0 .5em;
padding: 0;
position: static;
vertical-align: middle;
}
.slick-dots > li:before {
display: none;
}
.slick-dots > li > button {
background: #9cdcf1;
border: 0;
border-radius: 50%;
display: block;
height: .6em;
overflow: hidden;
padding: 0;
text-indent: -999em;
width: .6em;
}
.slick-dots .slick-active > button {
background: #006bb1;
}
/* ==========================================================================
Common Helpers
========================================================================== */
.alignleft {
text-align: left;
}
.aligncenter {
text-align: center;
}
.alignright {
text-align: right;
}
.leading120 {
line-height: 1.2;
}
.fontsize75 {
font-size: 75%;
}
.fontsizeSmall {
font-size: .8667em;
}
.m600show {
display: none !important;
}
@media only screen and (max-width: 1200px) {
.m600hide {
display: none !important;
}
.m600show {
display: block !important;
}
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*/
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 2cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
[data-print="false"] {
display: none !important;
}
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.overlay img{
position:absolute;
left:0;top:0;
width:100%;
height:100%;
object-fit:cover;
pointer-events:none;
z-index:2;
}
.indent-margin-ul {
margin: 20px;
}
/* ==========================================================================
Miscellaneous - After The Fact
========================================================================== */
a.berry-rwd-break:before {
content: '\A';
white-space: pre;
}
h2.berry-rwd-break:before {
content: '\A';
white-space: pre;
}
@media only screen and (max-width: 880px) {
a.berry-rwd-break:before {
content: unset;
}
}