Paragraph Medium. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Styleguide 1.2.4
*/
.u-pMd, .u-pMd p {
font-size: 1.25rem;
margin-top: 0.3rem;
margin-bottom: 0.75rem;
line-height: 1.6; }
.u-pMd--gapAfter, .u-pMd p--gapAfter {
margin-bottom: 1.8rem; }
/*
Paragraph Large
markup:
element. This comes in useful when having to handle tables on a responsive website, which at some point would just get too big.
markup:
Table Heading
Table Heading
Table Heading
Table Heading
Table Heading
Table Heading
Table Heading
Table Heading
Table Footer
Table Footer
Table Footer
Table Footer
Table Footer
Table Footer
Table Footer
Table Footer
Table Data
Table Data
Table Data
Table Data
Table Data
Table Data
Table Data
Table Data
Styleguide 5.1.3
*/
.l-overflowContainer {
overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: auto; }
.l-overflowContainer > :last-child {
margin-bottom: 0; }
/*
.l-sidePad
Applies desktop and mobile optimized padding. Commonly used on `l-mainInset`.
markup:
Styleguide 5.1.4
*/
.appWrap .l-sidePad {
padding-left: 20px !important;
padding-right: 20px !important; }
@media only screen and (max-width: 61.9375em) and (min-width: 48em) {
.appWrap .l-sidePad {
padding-left: 30px !important;
padding-right: 30px !important; } }
@media only screen and (min-width: 62em) {
.appWrap .l-sidePad {
padding-left: 25px !important;
padding-right: 25px !important; } }
/*
.l-mbSidePad
Applies mobile optimized padding from mobile landspace and below. Commonly used on `l-gridWrap` or `l-mainInset`.
markup:
Styleguide 5.1.5
*/
@media only screen and (max-width: 47.9375em) {
.appWrap .l-mbSidePad {
padding-left: 20px !important;
padding-right: 20px !important; } }
/*
.l-mbTinySidePad
Applies 'tiny' mobile optimized padding from mobile landspace and below. Commonly used on `l-gridWrap` or `l-mainInset`.
markup:
Styleguide 5.1.6
*/
@media only screen and (max-width: 29.9375em) {
.appWrap .l-mbTinySidePad {
padding-left: 12px !important;
padding-right: 12px !important; } }
/*
.l-tpSidePad
Applies mobile optimized padding from tablet portrait and below. Commonly used on `l-gridWrap` or `l-mainInset`.
markup:
Styleguide 5.1.7
*/
@media only screen and (max-width: 61.9375em) {
.appWrap .l-tpSidePad {
padding-left: 30px !important;
padding-right: 30px !important; } }
@media only screen and (max-width: 47.9375em) {
.appWrap .l-tpSidePad {
padding-left: 20px !important;
padding-right: 20px !important; } }
/*
.l-mbNoPad
Removes side padding for mobile. Commonly used on `l-gridWrap` or `l-mainInset`.
markup:
Styleguide 5.1.8
*/
@media only screen and (max-width: 47.9375em) {
.appWrap .l-mbNoPad {
padding-left: 0 !important;
padding-right: 0 !important; } }
/*
.l-tpNoPad
Removes side padding for tablet portrait. Commonly used on `l-gridWrap` or `l-mainInset`.
markup:
Styleguide 5.1.9
*/
@media only screen and (max-width: 61.9375em) {
.appWrap .l-tpNoPad {
padding-left: 0 !important;
padding-right: 0 !important; } }
/*
Fillers
Styles designed to make elements fill a space.
Styleguide 5.2.0
*/
/*
.l-flush
Fill a container on all sides, but ignores any container padding.
markup:
Fill a container on all sides, but ignores any container padding.
sg-wrapper:
Styleguide 5.2.4
*/
.l-flush {
position: absolute !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%; }
/*
.l-hVP
To create a container that fills the height of the entire viewport, for example for fullscreen image or video teasers.
Based on UIKit's "uk-height-viewport".
markup:
sg-wrapper:
Styleguide 5.2.5
*/
.l-hVP {
height: 100vh;
min-height: 300px; }
.appWrap--smH .l-hVP {
min-height: 150px; }
.appWrap--lgH .l-hVP {
min-height: 600px; }
/*
Alignment
Styles that align an element.
Styleguide 5.3.0
*/
/*
.l-alignInText{ Left, Right, Center }
Align images or other elements with spacing between the text and the element.
Modifiers:
- l-alignInTextLeft--medium: Only affects tablet portrait and up.
- l-alignInTextRight--medium: Only affects tablet portrait and up.
- l-alignInTextCenter--medium: Only affects tablet portrait and up.
Based on UIKit's '.uk-align-left', '.uk-align-right', 'uk-align-medium-left', 'uk-align-medium-right' & 'uk-align-center'.
markup:
sg-wrapper:
Styleguide 5.3.2
*/
.l-alignInTextLeft {
display: block;
margin-bottom: 15px;
margin-right: 15px;
float: left; }
.l-alignInTextLeft--medium {
display: block;
margin-bottom: 15px; }
@media only screen and (min-width: 48em) {
.l-alignInTextLeft--medium {
/* Tablet and bigger */
margin-right: 15px;
float: left; } }
.l-alignInTextRight {
display: block;
margin-bottom: 15px;
margin-left: 15px;
float: right; }
.l-alignInTextRight--medium {
display: block;
margin-bottom: 15px;
/* Tablet and bigger */ }
@media only screen and (min-width: 48em) {
.l-alignInTextRight--medium {
margin-left: 15px;
float: right; } }
.l-alignInTextCenter {
display: block;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto; }
/*
.l-alignVert
Vertically with an unknown child height in a container with a known height, either middle or bottom.
Notes:
- The object you align needs to have a width or max-width that is smaller than its parent container.
- Your parent container must have a defined height and min-height is not good enough. In the example below, the 'appWrap' has a defined height of 200px, or else it won't work.
Based on UIKit's '.uk-vertical-align'.
markup:
sg-wrapper:
Styleguide 5.3.3
*/
.l-alignVert {
font-size: 0.001px; }
.l-alignVert:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.l-alignVertMiddle, .l-alignVertBottom {
display: inline-block;
max-width: 100%;
font-size: 1rem; }
.l-alignVertMiddle {
vertical-align: middle; }
.l-alignVertBottom {
vertical-align: bottom; }
/*
.l-alignMiddleAbs
Vertically center align within a dynamic parent height, using absolute positioning (parent must be position:relative)
Modifiers:
- .l-alignMiddleAbs--right: aligns to the right
markup:
Base Membership
(1 June 2015 – 31 May 2016)
$85.00
Styleguide 5.3.4
*/
.l-alignMiddleAbs {
position: absolute !important;
top: 50% !important;
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important; }
.l-alignMiddleAbs--right {
right: 0 !important; }
/*
.l-centreHoriz
Horizontally centre with an unknown child width in a container with an unknown width.
markup:
sg-wrapper:
Styleguide 5.3.5
*/
.l-centreHoriz {
margin-left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
/*
.l-centreHorizBlock
Horizontally centre using display block and auto margin left/right
markup:
sg-wrapper:
Styleguide 5.3.6
*/
.l-centreHorizBlock {
display: block !important;
margin-left: auto !important;
margin-right: auto !important; }
/*
.l-blockPad
Add spacing above and below blocks using "l-blockPad". This may in future be managable in CMS, so please use instead of custom CSS. Defaults to medium (30px).
Modifiers:
- `--none`: Hides the padding.
- `--xs`: Extra small
- `--sm`: Small
- Defaults to medium
- `--lg`: Large
- `--xl`: Extra large
markup:
I should have a left padding, but it got removed.
Styleguide 5.4.6
*/
.l-blockPad {
width: 100%;
display: block;
height: 1.875rem; }
.l-blockPad--none {
display: none; }
.l-blockPad--xs {
height: 0.625rem; }
.l-blockPad--sm {
height: 1.25rem; }
.l-blockPad--lg {
height: 2.8125rem; }
.l-blockPad--xl {
height: 3.75rem; }
@media only screen and (max-width: 47.9375em) {
.l-blockPad--noneMb {
display: none; } }
@media only screen and (max-width: 47.9375em) {
.l-blockPad--xsMb {
height: 0.625rem; } }
@media only screen and (max-width: 47.9375em) {
.l-blockPad--smMb {
height: 1.25rem; } }
@media only screen and (max-width: 47.9375em) {
.l-blockPad--mdMb {
height: 1.875rem; } }
@media only screen and (max-width: 47.9375em) {
.l-blockPad--lgMb {
height: 2.8125rem; } }
@media only screen and (max-width: 47.9375em) {
.l-blockPad--xlMb {
height: 3.75rem; } }
/*######################################################
color
#######################################################*/
.text-primary {
color: #3D7EDB; }
a.text-primary:hover,
a.text-primary:focus {
color: #2465c1; }
.text-success {
color: #76BD22; }
a.text-success:hover,
a.text-success:focus {
color: #5b921a; }
.text-info {
color: #644C9E; }
a.text-info:hover,
a.text-info:focus {
color: #4e3b7c; }
.text-warning {
color: #FFCF59; }
a.text-warning:hover,
a.text-warning:focus {
color: #ffc026; }
.text-danger {
color: #E2231A; }
a.text-danger:hover,
a.text-danger:focus {
color: #b41c15; }
.text-white {
color: #fff; }
a.text-white:hover,
a.text-white:focus {
color: #e6e6e6; }
/* background */
.bg-primary {
background-color: #3D7EDB; }
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #2465c1; }
.bg-success {
background-color: #76BD22; }
a.bg-success:hover,
a.bg-success:focus {
background-color: #5b921a; }
.bg-info {
background-color: #644C9E; }
a.bg-info:hover,
a.bg-info:focus {
background-color: #4e3b7c; }
.bg-warning {
background-color: #FFCF59; }
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #ffc026; }
.bg-danger {
background-color: #E2231A; }
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #b41c15; }
.bg-gray {
background-color: #F3F2F1; }
a.bg-gray:hover,
a.bg-gray:focus {
background-color: #dbd9d6; }
/*######################################################
buttons
#######################################################*/
.btn-wrap {
padding-top: 20px;
padding-bottom: 20px;
text-align: center; }
.btn, .FormSubmitButton, .xform input[type="submit"], .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action, .u-wysiwygArea > a:not(.wysIconBtn), .u-wysiwygArea > button:not(.wysIconBtn), .u-wysiwygArea .wysIconBtn {
border-radius: 2px;
-webkit-transition: all ease-in .2s;
transition: all ease-in .2s;
border-width: 2px;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
position: relative;
z-index: 5; }
.is-mouseuser .btn:hover:not([disabled]), .is-mouseuser .FormSubmitButton:hover:not([disabled]), .is-mouseuser .xform input[type="submit"]:hover:not([disabled]), .xform .is-mouseuser input[type="submit"]:hover:not([disabled]), .is-mouseuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:hover:not([disabled]), .EPiServerForms .Form__NavigationBar .is-mouseuser .Form__NavigationBar__Action:hover:not([disabled]), .is-mouseuser .u-wysiwygArea > a:hover:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea > button:hover:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea .wysIconBtn:hover:not([disabled]), .u-wysiwygArea .is-mouseuser .wysIconBtn:hover:not([disabled]) {
background-image: none !important;
outline: none !important;
box-shadow: none !important; }
.is-touchuser .btn:focus:not([disabled]), .is-touchuser .FormSubmitButton:focus:not([disabled]), .is-touchuser .xform input[type="submit"]:focus:not([disabled]), .xform .is-touchuser input[type="submit"]:focus:not([disabled]), .is-touchuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-touchuser .Form__NavigationBar__Action:focus:not([disabled]), .is-touchuser .u-wysiwygArea > a:focus:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea > button:focus:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea .wysIconBtn:focus:not([disabled]), .u-wysiwygArea .is-touchuser .wysIconBtn:focus:not([disabled]), .is-mouseuser .btn:focus:not([disabled]), .is-mouseuser .FormSubmitButton:focus:not([disabled]), .is-mouseuser .xform input[type="submit"]:focus:not([disabled]), .xform .is-mouseuser input[type="submit"]:focus:not([disabled]), .is-mouseuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-mouseuser .Form__NavigationBar__Action:focus:not([disabled]), .is-mouseuser .u-wysiwygArea > a:focus:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea > button:focus:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea .wysIconBtn:focus:not([disabled]), .u-wysiwygArea .is-mouseuser .wysIconBtn:focus:not([disabled]) {
outline: 0;
background-image: none !important;
outline: none !important;
box-shadow: none !important; }
.is-touchuser .btn:focus:not([disabled]), .is-touchuser .FormSubmitButton:focus:not([disabled]), .is-touchuser .xform input[type="submit"]:focus:not([disabled]), .xform .is-touchuser input[type="submit"]:focus:not([disabled]), .is-touchuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-touchuser .Form__NavigationBar__Action:focus:not([disabled]), .is-touchuser .u-wysiwygArea > a:focus:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea > button:focus:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea .wysIconBtn:focus:not([disabled]), .u-wysiwygArea .is-touchuser .wysIconBtn:focus:not([disabled]), .is-mouseuser .btn:focus:not([disabled]), .is-mouseuser .FormSubmitButton:focus:not([disabled]), .is-mouseuser .xform input[type="submit"]:focus:not([disabled]), .xform .is-mouseuser input[type="submit"]:focus:not([disabled]), .is-mouseuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-mouseuser .Form__NavigationBar__Action:focus:not([disabled]), .is-mouseuser .u-wysiwygArea > a:focus:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea > button:focus:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea .wysIconBtn:focus:not([disabled]), .u-wysiwygArea .is-mouseuser .wysIconBtn:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .btn:active:not([disabled]), .is-touchuser .FormSubmitButton:active:not([disabled]), .is-touchuser .xform input[type="submit"]:active:not([disabled]), .xform .is-touchuser input[type="submit"]:active:not([disabled]), .is-touchuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:active:not([disabled]), .EPiServerForms .Form__NavigationBar .is-touchuser .Form__NavigationBar__Action:active:not([disabled]), .is-touchuser .u-wysiwygArea > a:active:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea > button:active:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea .wysIconBtn:active:not([disabled]), .u-wysiwygArea .is-touchuser .wysIconBtn:active:not([disabled]) {
background-image: none !important;
outline: none !important;
box-shadow: none !important; }
.btn:not(.no-btn):active:not([disabled]), .FormSubmitButton:not(.no-btn):active:not([disabled]), .xform input[type="submit"]:not(.no-btn):active:not([disabled]), .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:not(.no-btn):active:not([disabled]), .u-wysiwygArea > a:not(.no-btn):active:not([disabled]):not(.wysIconBtn), .u-wysiwygArea > button:not(.no-btn):active:not([disabled]):not(.wysIconBtn), .u-wysiwygArea .wysIconBtn:not(.no-btn):active:not([disabled]) {
-webkit-transform: translateY(1px);
transform: translateY(1px); }
.btn--nude {
position: relative;
background-color: transparent;
border: none; }
.btn--circle {
border-radius: 50%;
border-color: #DFDFDF;
width: 1.5rem;
height: 1.5rem;
padding: 0 !important; }
.btn--circleLg {
width: 5.25rem;
height: 5.25rem; }
.btn--iconL, .u-wysiwygArea .wysIconBtn {
position: relative;
padding-left: 1.875rem; }
.btn-icon, .u-wysiwygArea .wysIconBtn > [class^="icon-"] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.btn--iconClr1 .btn-icon, .btn--iconClr1 .u-wysiwygArea .wysIconBtn > [class^="icon-"], .u-wysiwygArea .btn--iconClr1 .wysIconBtn > [class^="icon-"] {
color: white;
background-color: #3D7EDB; }
.btn--justIcon .btn-icon, .btn--justIcon .u-wysiwygArea .wysIconBtn > [class^="icon-"], .u-wysiwygArea .btn--justIcon .wysIconBtn > [class^="icon-"] {
position: static;
-webkit-transform: none;
transform: none;
display: block; }
.btn-xxs {
font-size: 0.75rem;
padding: 3px 14px;
border-width: 1px; }
.btn-xs, .btn-group-xs > .btn, .btn-group-xs > .FormSubmitButton, .EPiServerForms .Form__NavigationBar .btn-group-xs > .Form__NavigationBar__Action, .u-wysiwygArea.btn-group-xs > a:not(.wysIconBtn), .u-wysiwygArea.btn-group-xs > button:not(.wysIconBtn), .u-wysiwygArea .btn-group-xs > .wysIconBtn, .FormSubmitButton, .xform input[type="submit"] {
font-size: 0.75rem;
padding: 5px 14px; }
.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .FormSubmitButton, .xform .btn-group-sm > input[type="submit"], .EPiServerForms .Form__NavigationBar .btn-group-sm > .Form__NavigationBar__Action, .u-wysiwygArea.btn-group-sm > a:not(.wysIconBtn), .u-wysiwygArea.btn-group-sm > button:not(.wysIconBtn), .u-wysiwygArea .btn-group-sm > .wysIconBtn {
font-size: 0.75rem;
padding: 1.25rem 1.5rem; }
.btn-sm.btn--iconL, .btn-group-sm > .btn--iconL.btn, .btn-group-sm > .btn--iconL.FormSubmitButton, .xform .btn-group-sm > input.btn--iconL[type="submit"], .u-wysiwygArea .xform .btn-group-sm > input[type="submit"].wysIconBtn, .EPiServerForms .Form__NavigationBar .btn-group-sm > .btn--iconL.Form__NavigationBar__Action, .u-wysiwygArea .EPiServerForms .Form__NavigationBar .btn-group-sm > .Form__NavigationBar__Action.wysIconBtn, .u-wysiwygArea.btn-group-sm > a.btn--iconL:not(.wysIconBtn), .u-wysiwygArea.btn-group-sm > a.wysIconBtn:not(.wysIconBtn), .u-wysiwygArea.btn-group-sm > button.btn--iconL:not(.wysIconBtn), .u-wysiwygArea.btn-group-sm > button.wysIconBtn:not(.wysIconBtn), .u-wysiwygArea .btn-group-sm > .wysIconBtn, .u-wysiwygArea .btn-sm.wysIconBtn {
padding-left: 3.4375rem; }
.btn-sm.btn--iconL .btn-icon, .btn-group-sm > .btn--iconL.btn .btn-icon, .btn-group-sm > .btn--iconL.FormSubmitButton .btn-icon, .xform .btn-group-sm > input.btn--iconL[type="submit"] .btn-icon, .u-wysiwygArea .xform .btn-group-sm > input[type="submit"].wysIconBtn .btn-icon, .EPiServerForms .Form__NavigationBar .btn-group-sm > .btn--iconL.Form__NavigationBar__Action .btn-icon, .u-wysiwygArea .EPiServerForms .Form__NavigationBar .btn-group-sm > .Form__NavigationBar__Action.wysIconBtn .btn-icon, .u-wysiwygArea.btn-group-sm > a.btn--iconL:not(.wysIconBtn) .btn-icon, .u-wysiwygArea.btn-group-sm > a.wysIconBtn:not(.wysIconBtn) .btn-icon, .u-wysiwygArea.btn-group-sm > button.btn--iconL:not(.wysIconBtn) .btn-icon, .u-wysiwygArea.btn-group-sm > button.wysIconBtn:not(.wysIconBtn) .btn-icon, .u-wysiwygArea .btn-group-sm > .wysIconBtn .btn-icon, .u-wysiwygArea .btn-sm.wysIconBtn .btn-icon, .btn-sm.btn--iconL .u-wysiwygArea .wysIconBtn > [class^="icon-"], .u-wysiwygArea .btn-sm.btn--iconL .wysIconBtn > [class^="icon-"], .btn-group-sm > .btn--iconL.btn .u-wysiwygArea .wysIconBtn > [class^="icon-"], .u-wysiwygArea .btn-group-sm > .btn--iconL.btn .wysIconBtn > [class^="icon-"], .btn-group-sm > .btn--iconL.FormSubmitButton .u-wysiwygArea .wysIconBtn > [class^="icon-"], .u-wysiwygArea .btn-group-sm > .btn--iconL.FormSubmitButton .wysIconBtn > [class^="icon-"], .xform .btn-group-sm > input.btn--iconL[type="submit"] .u-wysiwygArea .wysIconBtn > [class^="icon-"], .u-wysiwygArea .xform .btn-group-sm > input.btn--iconL[type="submit"] .wysIconBtn > [class^="icon-"], .u-wysiwygArea .xform .btn-group-sm > input[type="submit"].wysIconBtn .wysIconBtn > [class^="icon-"], .EPiServerForms .Form__NavigationBar .btn-group-sm > .btn--iconL.Form__NavigationBar__Action .u-wysiwygArea .wysIconBtn > [class^="icon-"], .u-wysiwygArea .EPiServerForms .Form__NavigationBar .btn-group-sm > .btn--iconL.Form__NavigationBar__Action .wysIconBtn > [class^="icon-"], .u-wysiwygArea .EPiServerForms .Form__NavigationBar .btn-group-sm > .Form__NavigationBar__Action.wysIconBtn .wysIconBtn > [class^="icon-"], .u-wysiwygArea.btn-group-sm > a.btn--iconL:not(.wysIconBtn) .wysIconBtn > [class^="icon-"], .u-wysiwygArea.btn-group-sm > a.wysIconBtn:not(.wysIconBtn) .wysIconBtn > [class^="icon-"], .u-wysiwygArea.btn-group-sm > button.btn--iconL:not(.wysIconBtn) .wysIconBtn > [class^="icon-"], .u-wysiwygArea.btn-group-sm > button.wysIconBtn:not(.wysIconBtn) .wysIconBtn > [class^="icon-"], .u-wysiwygArea .btn-group-sm > .wysIconBtn > [class^="icon-"], .u-wysiwygArea .btn-sm.wysIconBtn .wysIconBtn > [class^="icon-"] {
left: 1.25rem; }
.btn-md, .u-wysiwygArea > a:not(.wysIconBtn), .u-wysiwygArea > button:not(.wysIconBtn), .u-wysiwygArea .wysIconBtn {
font-size: 0.875rem;
padding: 22px 26px;
min-width: 150px; }
.btn-md.btn--iconL, .u-wysiwygArea > a.btn--iconL:not(.wysIconBtn), .u-wysiwygArea > a.wysIconBtn:not(.wysIconBtn), .u-wysiwygArea > button.btn--iconL:not(.wysIconBtn), .u-wysiwygArea > button.wysIconBtn:not(.wysIconBtn), .u-wysiwygArea .wysIconBtn {
padding-left: 3.4375rem; }
.btn-md.btn--iconL .btn-icon, .u-wysiwygArea > a.btn--iconL:not(.wysIconBtn) .btn-icon, .u-wysiwygArea > a.wysIconBtn:not(.wysIconBtn) .btn-icon, .u-wysiwygArea > button.btn--iconL:not(.wysIconBtn) .btn-icon, .u-wysiwygArea > button.wysIconBtn:not(.wysIconBtn) .btn-icon, .u-wysiwygArea .wysIconBtn .btn-icon, .u-wysiwygArea .btn-md.btn--iconL .wysIconBtn > [class^="icon-"], .u-wysiwygArea > a.btn--iconL:not(.wysIconBtn) .wysIconBtn > [class^="icon-"], .u-wysiwygArea > a.wysIconBtn:not(.wysIconBtn) .wysIconBtn > [class^="icon-"], .u-wysiwygArea > button.btn--iconL:not(.wysIconBtn) .wysIconBtn > [class^="icon-"], .u-wysiwygArea > button.wysIconBtn:not(.wysIconBtn) .wysIconBtn > [class^="icon-"], .u-wysiwygArea .wysIconBtn > [class^="icon-"] {
left: 1.25rem; }
.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .FormSubmitButton, .xform .btn-group-lg > input[type="submit"], .EPiServerForms .Form__NavigationBar .btn-group-lg > .Form__NavigationBar__Action, .u-wysiwygArea.btn-group-lg > a:not(.wysIconBtn), .u-wysiwygArea.btn-group-lg > button:not(.wysIconBtn), .u-wysiwygArea .btn-group-lg > .wysIconBtn {
font-size: 1rem;
padding: 20px 30px; }
@media only screen and (max-width: 47.9375em) {
.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .FormSubmitButton, .xform .btn-group-lg > input[type="submit"], .EPiServerForms .Form__NavigationBar .btn-group-lg > .Form__NavigationBar__Action, .u-wysiwygArea.btn-group-lg > a:not(.wysIconBtn), .u-wysiwygArea.btn-group-lg > button:not(.wysIconBtn), .u-wysiwygArea .btn-group-lg > .wysIconBtn {
display: block;
padding-left: inherit;
padding-right: inherit;
width: 100%; } }
.btn--endsMd {
padding-top: 13px;
padding-bottom: 13px; }
.btn-default, .u-wysiwygArea > a:not(.wysIconBtn), .u-wysiwygArea > button:not(.wysIconBtn), .u-wysiwygArea .wysIconBtn {
background-color: #fff;
border-color: #e6e6e7;
color: #3D7EDB; }
.is-mouseuser .btn-default:hover:not([disabled]), .is-mouseuser .u-wysiwygArea > a:hover:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea > button:hover:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea .wysIconBtn:hover:not([disabled]), .u-wysiwygArea .is-mouseuser .wysIconBtn:hover:not([disabled]) {
background-color: #fff;
border-color: #3D7EDB;
color: #3D7EDB; }
.is-touchuser .btn-default:focus:not([disabled]), .is-touchuser .u-wysiwygArea > a:focus:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea > button:focus:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea .wysIconBtn:focus:not([disabled]), .u-wysiwygArea .is-touchuser .wysIconBtn:focus:not([disabled]), .is-mouseuser .btn-default:focus:not([disabled]), .is-mouseuser .u-wysiwygArea > a:focus:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea > button:focus:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea .wysIconBtn:focus:not([disabled]), .u-wysiwygArea .is-mouseuser .wysIconBtn:focus:not([disabled]) {
outline: 0;
background-color: #fff;
border-color: #3D7EDB;
color: #3D7EDB; }
.is-touchuser .btn-default:focus:not([disabled]), .is-touchuser .u-wysiwygArea > a:focus:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea > button:focus:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea .wysIconBtn:focus:not([disabled]), .u-wysiwygArea .is-touchuser .wysIconBtn:focus:not([disabled]), .is-mouseuser .btn-default:focus:not([disabled]), .is-mouseuser .u-wysiwygArea > a:focus:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea > button:focus:not([disabled]):not(.wysIconBtn), .is-mouseuser .u-wysiwygArea .wysIconBtn:focus:not([disabled]), .u-wysiwygArea .is-mouseuser .wysIconBtn:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .btn-default:active:not([disabled]), .is-touchuser .u-wysiwygArea > a:active:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea > button:active:not([disabled]):not(.wysIconBtn), .is-touchuser .u-wysiwygArea .wysIconBtn:active:not([disabled]), .u-wysiwygArea .is-touchuser .wysIconBtn:active:not([disabled]) {
background-color: #fff;
border-color: #3D7EDB;
color: #3D7EDB; }
.btn-default:not(.no-btn):active:not([disabled]), .u-wysiwygArea > a:not(.no-btn):active:not([disabled]):not(.wysIconBtn), .u-wysiwygArea > button:not(.no-btn):active:not([disabled]):not(.wysIconBtn), .u-wysiwygArea .wysIconBtn:not(.no-btn):active:not([disabled]) {
-webkit-transform: translateY(1px);
transform: translateY(1px); }
.btn-white {
background-color: transparent;
border-color: #fff;
color: #fff; }
.is-mouseuser .btn-white:hover:not([disabled]) {
background-color: #fff;
border-color: #fff;
color: #3D7EDB; }
.is-touchuser .btn-white:focus:not([disabled]), .is-mouseuser .btn-white:focus:not([disabled]) {
outline: 0;
background-color: #fff;
border-color: #fff;
color: #3D7EDB; }
.is-touchuser .btn-white:focus:not([disabled]), .is-mouseuser .btn-white:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .btn-white:active:not([disabled]) {
background-color: #fff;
border-color: #fff;
color: #3D7EDB; }
.btn-white:not(.no-btn):active:not([disabled]) {
-webkit-transform: translateY(1px);
transform: translateY(1px); }
.is-mouseuser .btn-primary:hover:not([disabled]), .is-mouseuser .FormSubmitButton:hover:not([disabled]), .is-mouseuser .xform input[type="submit"]:hover:not([disabled]), .xform .is-mouseuser input[type="submit"]:hover:not([disabled]), .is-mouseuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:hover:not([disabled]), .EPiServerForms .Form__NavigationBar .is-mouseuser .Form__NavigationBar__Action:hover:not([disabled]) {
background-color: #1c4e96;
border-color: #1c4e96;
color: #fff; }
.is-touchuser .btn-primary:focus:not([disabled]), .is-touchuser .FormSubmitButton:focus:not([disabled]), .is-touchuser .xform input[type="submit"]:focus:not([disabled]), .xform .is-touchuser input[type="submit"]:focus:not([disabled]), .is-touchuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-touchuser .Form__NavigationBar__Action:focus:not([disabled]), .is-mouseuser .btn-primary:focus:not([disabled]), .is-mouseuser .FormSubmitButton:focus:not([disabled]), .is-mouseuser .xform input[type="submit"]:focus:not([disabled]), .xform .is-mouseuser input[type="submit"]:focus:not([disabled]), .is-mouseuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-mouseuser .Form__NavigationBar__Action:focus:not([disabled]) {
outline: 0;
background-color: #1c4e96;
border-color: #1c4e96;
color: #fff; }
.is-touchuser .btn-primary:focus:not([disabled]), .is-touchuser .FormSubmitButton:focus:not([disabled]), .is-touchuser .xform input[type="submit"]:focus:not([disabled]), .xform .is-touchuser input[type="submit"]:focus:not([disabled]), .is-touchuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-touchuser .Form__NavigationBar__Action:focus:not([disabled]), .is-mouseuser .btn-primary:focus:not([disabled]), .is-mouseuser .FormSubmitButton:focus:not([disabled]), .is-mouseuser .xform input[type="submit"]:focus:not([disabled]), .xform .is-mouseuser input[type="submit"]:focus:not([disabled]), .is-mouseuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-mouseuser .Form__NavigationBar__Action:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .btn-primary:active:not([disabled]), .is-touchuser .FormSubmitButton:active:not([disabled]), .is-touchuser .xform input[type="submit"]:active:not([disabled]), .xform .is-touchuser input[type="submit"]:active:not([disabled]), .is-touchuser .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:active:not([disabled]), .EPiServerForms .Form__NavigationBar .is-touchuser .Form__NavigationBar__Action:active:not([disabled]) {
background-color: #1c4e96;
border-color: #1c4e96;
color: #fff; }
.btn-primary:not(.no-btn):active:not([disabled]), .FormSubmitButton:not(.no-btn):active:not([disabled]), .xform input[type="submit"]:not(.no-btn):active:not([disabled]), .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:not(.no-btn):active:not([disabled]) {
-webkit-transform: translateY(1px);
transform: translateY(1px); }
.btn-primary.inverse, .inverse.FormSubmitButton, .xform input.inverse[type="submit"], .EPiServerForms .Form__NavigationBar .inverse.Form__NavigationBar__Action {
background-color: transparent;
color: #3D7EDB; }
.is-mouseuser .btn-primary.inverse:hover:not([disabled]), .is-mouseuser .inverse.FormSubmitButton:hover:not([disabled]), .is-mouseuser .xform input.inverse[type="submit"]:hover:not([disabled]), .xform .is-mouseuser input.inverse[type="submit"]:hover:not([disabled]), .is-mouseuser .EPiServerForms .Form__NavigationBar .inverse.Form__NavigationBar__Action:hover:not([disabled]), .EPiServerForms .Form__NavigationBar .is-mouseuser .inverse.Form__NavigationBar__Action:hover:not([disabled]) {
background-color: #3D7EDB;
border-color: #3D7EDB;
color: #fff; }
.is-touchuser .btn-primary.inverse:focus:not([disabled]), .is-touchuser .inverse.FormSubmitButton:focus:not([disabled]), .is-touchuser .xform input.inverse[type="submit"]:focus:not([disabled]), .xform .is-touchuser input.inverse[type="submit"]:focus:not([disabled]), .is-touchuser .EPiServerForms .Form__NavigationBar .inverse.Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-touchuser .inverse.Form__NavigationBar__Action:focus:not([disabled]), .is-mouseuser .btn-primary.inverse:focus:not([disabled]), .is-mouseuser .inverse.FormSubmitButton:focus:not([disabled]), .is-mouseuser .xform input.inverse[type="submit"]:focus:not([disabled]), .xform .is-mouseuser input.inverse[type="submit"]:focus:not([disabled]), .is-mouseuser .EPiServerForms .Form__NavigationBar .inverse.Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-mouseuser .inverse.Form__NavigationBar__Action:focus:not([disabled]) {
outline: 0;
background-color: #3D7EDB;
border-color: #3D7EDB;
color: #fff; }
.is-touchuser .btn-primary.inverse:focus:not([disabled]), .is-touchuser .inverse.FormSubmitButton:focus:not([disabled]), .is-touchuser .xform input.inverse[type="submit"]:focus:not([disabled]), .xform .is-touchuser input.inverse[type="submit"]:focus:not([disabled]), .is-touchuser .EPiServerForms .Form__NavigationBar .inverse.Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-touchuser .inverse.Form__NavigationBar__Action:focus:not([disabled]), .is-mouseuser .btn-primary.inverse:focus:not([disabled]), .is-mouseuser .inverse.FormSubmitButton:focus:not([disabled]), .is-mouseuser .xform input.inverse[type="submit"]:focus:not([disabled]), .xform .is-mouseuser input.inverse[type="submit"]:focus:not([disabled]), .is-mouseuser .EPiServerForms .Form__NavigationBar .inverse.Form__NavigationBar__Action:focus:not([disabled]), .EPiServerForms .Form__NavigationBar .is-mouseuser .inverse.Form__NavigationBar__Action:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .btn-primary.inverse:active:not([disabled]), .is-touchuser .inverse.FormSubmitButton:active:not([disabled]), .is-touchuser .xform input.inverse[type="submit"]:active:not([disabled]), .xform .is-touchuser input.inverse[type="submit"]:active:not([disabled]), .is-touchuser .EPiServerForms .Form__NavigationBar .inverse.Form__NavigationBar__Action:active:not([disabled]), .EPiServerForms .Form__NavigationBar .is-touchuser .inverse.Form__NavigationBar__Action:active:not([disabled]) {
background-color: #3D7EDB;
border-color: #3D7EDB;
color: #fff; }
.btn-primary.inverse:not(.no-btn):active:not([disabled]), .inverse.FormSubmitButton:not(.no-btn):active:not([disabled]), .xform input.inverse[type="submit"]:not(.no-btn):active:not([disabled]), .EPiServerForms .Form__NavigationBar .inverse.Form__NavigationBar__Action:not(.no-btn):active:not([disabled]) {
-webkit-transform: translateY(1px);
transform: translateY(1px); }
.btn-back {
padding-left: 50px;
position: relative;
text-align: right; }
.btn-back:before {
font-size: 1rem;
left: 18px;
position: absolute;
top: 50%;
margin-top: -8px; }
.btn-back:before:before {
content: ""; }
.u-btnBasic {
/*
* Removes inner padding and border in Firefox 4+.
*/
-webkit-appearance: none;
overflow: visible;
font: inherit;
font-size: 1rem;
text-transform: none;
margin: 0;
display: inline-block;
box-sizing: border-box;
padding: 0 12px;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.15s linear;
transition: background-color 0.15s linear;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.5rem;
min-height: 1.5rem;
text-decoration: none;
text-align: center;
cursor: default;
/*
Has transparent border because :focus adds 1px border.
Border used, instead of outline, because it preserves border-radius.
*/
border-radius: 0;
border: 1px solid transparent;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
color: #0073CF;
background-color: transparent;
padding: 0;
text-align: left;
font-size: 1rem; }
.u-btnBasic::-moz-focus-inner {
border: 0;
padding: 0; }
.ie-msie9 .u-btnBasic {
word-break: break-all; }
.u-btnBasic:not([disabled]):not(.no-btn) {
cursor: pointer; }
.u-btnBasic[disabled] {
pointer-events: none; }
.u-btnBasic.is-processing {
cursor: not-allowed !important;
opacity: 0.6 !important; }
.u-btnBasic.no-click {
cursor: not-allowed !important;
pointer-events: none !important; }
.is-mouseuser .u-btnBasic:hover:not([disabled]) {
text-decoration: underline; }
.is-touchuser .u-btnBasic:focus:not([disabled]), .is-mouseuser .u-btnBasic:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .u-btnBasic:focus:not([disabled]), .is-mouseuser .u-btnBasic:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .u-btnBasic:active:not([disabled]) {
text-decoration: underline; }
@media only screen and (min-width: 48em) {
.u-btnBasic {
font-size: 1.25rem; } }
.btnSkim {
position: relative;
color: black;
background-color: transparent;
border: none;
overflow: visible;
display: inline-block;
text-decoration: none !important; }
.is-mouseuser .btnSkim:hover:not([disabled]) {
color: #000; }
.is-mouseuser .btnSkim:hover:not([disabled]) .ulOffset {
border-color: #3D7EDB; }
.is-touchuser .btnSkim:focus:not([disabled]), .is-mouseuser .btnSkim:focus:not([disabled]) {
outline: 0;
color: #000; }
.is-touchuser .btnSkim:focus:not([disabled]) .ulOffset, .is-mouseuser .btnSkim:focus:not([disabled]) .ulOffset {
border-color: #3D7EDB; }
.is-touchuser .btnSkim:focus:not([disabled]), .is-mouseuser .btnSkim:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .btnSkim:active:not([disabled]) {
color: #000; }
.is-touchuser .btnSkim:active:not([disabled]) .ulOffset {
border-color: #3D7EDB; }
.btnSkim:not(.no-btn):active:not([disabled]) {
-webkit-transform: translateY(1px);
transform: translateY(1px); }
.btnSkim .ulOffsetWrap {
padding-top: inherit;
padding-bottom: inherit;
padding-left: inherit;
padding-right: inherit; }
.btnSkim--iconL {
position: relative;
padding-left: 1.25rem; }
.btnSkim--inv .ulOffset {
border-color: #3D7EDB; }
.is-mouseuser .btnSkim--inv:hover:not([disabled]) .ulOffset {
border-color: transparent; }
.is-touchuser .btnSkim--inv:focus:not([disabled]), .is-mouseuser .btnSkim--inv:focus:not([disabled]) {
outline: 0; }
.is-touchuser .btnSkim--inv:focus:not([disabled]) .ulOffset, .is-mouseuser .btnSkim--inv:focus:not([disabled]) .ulOffset {
border-color: transparent; }
.is-touchuser .btnSkim--inv:focus:not([disabled]), .is-mouseuser .btnSkim--inv:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .btnSkim--inv:active:not([disabled]) .ulOffset {
border-color: transparent; }
.btnSkim--inv:not(.no-btn):active:not([disabled]) {
-webkit-transform: translateY(1px);
transform: translateY(1px); }
.btnSkim-icon {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.btnSkim--iconClr1 .btnSkim-icon {
color: #3D7EDB; }
/*
u-noIOSPhone
Strip out iOS phone number styling.
markup:
Styleguide 2.2.5
*/
.u-noIOSPhone {
color: inherit !important; }
.u-noIOSPhone > a {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important; }
/*######################################################
checkbox
#######################################################*/
.checkbox label {
color: #444;
font-size: 2rem;
line-height: normal;
padding-left: 30px;
position: relative; }
.checkbox input[type="checkbox"] {
position: absolute;
outline: none;
left: 20px;
top: 0;
height: 20px;
width: 20px; }
div.checkbox {
margin: 0; }
/*######################################################
dropdown
#######################################################*/
.open > .dropdown-menu,
.uib-dropdown-open > .dropdown-menu {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
opacity: 1; }
div.dropdown-menu {
box-shadow: none;
border-radius: 0;
background-color: transparent;
border: none;
display: block;
opacity: 0;
transform-origin: top;
-webkit-transform-origin: top;
-moz-transform-origin: top;
-o-transform-origin: top;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
transform: scale(1, 0);
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-o-transform: scale(1, 0);
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
padding: 13px 0 10px 0;
margin: 1px 0 0 0;
right: 0;
left: auto;
overflow: visible !important; }
.bootstrap-select div.dropdown-menu {
left: 0;
right: auto; }
ul.dropdown-menu.inner {
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2) !important;
padding: 10px 0 !important;
position: relative; }
ul.dropdown-menu.inner::after {
box-shadow: -2px 2px 4px -2px rgba(0, 0, 0, 0.2);
content: "";
position: absolute;
width: 0;
height: 0;
margin-left: -0.5em;
top: 2px;
right: -12px;
box-sizing: border-box;
border: 1em solid black;
border-color: transparent transparent #fff #fff;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
ul.dropdown-menu > li a {
color: #000;
font-size: 0.875rem;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
padding: 20px 16px;
outline: none; }
ul.dropdown-menu > li a:focus {
background-color: #fff; }
ul.dropdown-menu > li a:focus, ul.dropdown-menu > li a:hover {
color: #000; }
ul.dropdown-menu > li.selected a {
background-color: #E2EFFA;
color: #000; }
.dropdown-toggle {
border: none;
font-size: 1.25rem;
font-weight: normal;
text-transform: none;
padding: 13px 15px; }
.bootstrap-select .dropdown-toggle:focus {
outline: none !important; }
.dropdown-toggle:hover,
.dropdown-toggle:focus .dropdown-toggle.focus, .dropdown-toggle:active, .dropdown-toggle.active,
.btn-group.open > .dropdown-toggle,
.open > .dropdown-toggle {
box-shadow: none;
background-color: transparent !important;
color: #444 !important; }
.dropdown-toggle > .bs-caret > .caret {
border: none;
font-size: 15px;
height: auto;
margin-top: -7px !important;
margin-left: 10px;
width: auto; }
.dropdown-toggle > .bs-caret > .caret:before {
content: ""; }
.dropdown-default .dropdown-toggle,
.dropdown-default .btn-default:active,
.dropdown-default .u-wysiwygArea > a:active:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea > button:active:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea .wysIconBtn:active, .u-wysiwygArea
.dropdown-default .wysIconBtn:active,
.dropdown-default .btn-default.active,
.dropdown-default .u-wysiwygArea > a.active:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea > button.active:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea .active.wysIconBtn, .u-wysiwygArea
.dropdown-default .active.wysIconBtn,
.dropdown-default.open > .btn-default.dropdown-toggle,
.u-wysiwygArea.dropdown-default.open > a.dropdown-toggle:not(.wysIconBtn),
.u-wysiwygArea.dropdown-default.open > button.dropdown-toggle:not(.wysIconBtn), .u-wysiwygArea
.dropdown-default.open > .dropdown-toggle.wysIconBtn {
box-shadow: none;
background-color: transparent;
font-size: 1.5em;
font-weight: 500;
padding: 5px 20px 5px 0; }
.dropdown-default .dropdown-toggle:hover, .dropdown-default .dropdown-toggle:focus, .dropdown-default .dropdown-toggle.focus,
.dropdown-default .btn-default:active:hover,
.dropdown-default .u-wysiwygArea > a:active:hover:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea > button:active:hover:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea .wysIconBtn:active:hover, .u-wysiwygArea
.dropdown-default .wysIconBtn:active:hover,
.dropdown-default .btn-default:active:focus,
.dropdown-default .u-wysiwygArea > a:active:focus:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea > button:active:focus:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea .wysIconBtn:active:focus, .u-wysiwygArea
.dropdown-default .wysIconBtn:active:focus,
.dropdown-default .btn-default:active.focus,
.dropdown-default .u-wysiwygArea > a:active.focus:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea > button:active.focus:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea .wysIconBtn:active.focus, .u-wysiwygArea
.dropdown-default .wysIconBtn:active.focus,
.dropdown-default .btn-default.active:hover,
.dropdown-default .u-wysiwygArea > a.active:hover:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea > button.active:hover:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea .active.wysIconBtn:hover, .u-wysiwygArea
.dropdown-default .active.wysIconBtn:hover,
.dropdown-default .btn-default.active:focus,
.dropdown-default .u-wysiwygArea > a.active:focus:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea > button.active:focus:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea .active.wysIconBtn:focus, .u-wysiwygArea
.dropdown-default .active.wysIconBtn:focus,
.dropdown-default .btn-default.active.focus,
.dropdown-default .u-wysiwygArea > a.active.focus:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea > button.active.focus:not(.wysIconBtn),
.dropdown-default .u-wysiwygArea .active.focus.wysIconBtn, .u-wysiwygArea
.dropdown-default .active.focus.wysIconBtn,
.dropdown-default.open > .btn-default.dropdown-toggle:hover,
.u-wysiwygArea.dropdown-default.open > a.dropdown-toggle:hover:not(.wysIconBtn),
.u-wysiwygArea.dropdown-default.open > button.dropdown-toggle:hover:not(.wysIconBtn), .u-wysiwygArea
.dropdown-default.open > .dropdown-toggle.wysIconBtn:hover,
.dropdown-default.open > .btn-default.dropdown-toggle:focus,
.u-wysiwygArea.dropdown-default.open > a.dropdown-toggle:focus:not(.wysIconBtn),
.u-wysiwygArea.dropdown-default.open > button.dropdown-toggle:focus:not(.wysIconBtn), .u-wysiwygArea
.dropdown-default.open > .dropdown-toggle.wysIconBtn:focus,
.dropdown-default.open > .btn-default.dropdown-toggle.focus,
.u-wysiwygArea.dropdown-default.open > a.dropdown-toggle.focus:not(.wysIconBtn),
.u-wysiwygArea.dropdown-default.open > button.dropdown-toggle.focus:not(.wysIconBtn), .u-wysiwygArea
.dropdown-default.open > .dropdown-toggle.focus.wysIconBtn {
box-shadow: none;
background-color: transparent; }
.dropdown-default .dropdown-toggle .caret,
.dropdown-default .btn-default:active .caret,
.dropdown-default .u-wysiwygArea > a:active:not(.wysIconBtn) .caret,
.dropdown-default .u-wysiwygArea > button:active:not(.wysIconBtn) .caret,
.dropdown-default .u-wysiwygArea .wysIconBtn:active .caret, .u-wysiwygArea
.dropdown-default .wysIconBtn:active .caret,
.dropdown-default .btn-default.active .caret,
.dropdown-default .u-wysiwygArea > a.active:not(.wysIconBtn) .caret,
.dropdown-default .u-wysiwygArea > button.active:not(.wysIconBtn) .caret,
.dropdown-default .u-wysiwygArea .active.wysIconBtn .caret, .u-wysiwygArea
.dropdown-default .active.wysIconBtn .caret,
.dropdown-default.open > .btn-default.dropdown-toggle .caret,
.u-wysiwygArea.dropdown-default.open > a.dropdown-toggle:not(.wysIconBtn) .caret,
.u-wysiwygArea.dropdown-default.open > button.dropdown-toggle:not(.wysIconBtn) .caret, .u-wysiwygArea
.dropdown-default.open > .dropdown-toggle.wysIconBtn .caret {
border: none;
font-size: 8px;
height: inherit;
margin-left: 8px;
width: auto; }
.dropdown-default .dropdown-toggle .caret:before,
.dropdown-default .btn-default:active .caret:before,
.dropdown-default .u-wysiwygArea > a:active:not(.wysIconBtn) .caret:before,
.dropdown-default .u-wysiwygArea > button:active:not(.wysIconBtn) .caret:before,
.dropdown-default .u-wysiwygArea .wysIconBtn:active .caret:before, .u-wysiwygArea
.dropdown-default .wysIconBtn:active .caret:before,
.dropdown-default .btn-default.active .caret:before,
.dropdown-default .u-wysiwygArea > a.active:not(.wysIconBtn) .caret:before,
.dropdown-default .u-wysiwygArea > button.active:not(.wysIconBtn) .caret:before,
.dropdown-default .u-wysiwygArea .active.wysIconBtn .caret:before, .u-wysiwygArea
.dropdown-default .active.wysIconBtn .caret:before,
.dropdown-default.open > .btn-default.dropdown-toggle .caret:before,
.u-wysiwygArea.dropdown-default.open > a.dropdown-toggle:not(.wysIconBtn) .caret:before,
.u-wysiwygArea.dropdown-default.open > button.dropdown-toggle:not(.wysIconBtn) .caret:before, .u-wysiwygArea
.dropdown-default.open > .dropdown-toggle.wysIconBtn .caret:before {
content: ""; }
.btn-group.dropdown {
text-align: left; }
.btn-group.dropdown .btn.dropdown-toggle, .btn-group.dropdown .dropdown-toggle.FormSubmitButton, .btn-group.dropdown .xform input.dropdown-toggle[type="submit"], .xform .btn-group.dropdown input.dropdown-toggle[type="submit"], .btn-group.dropdown .EPiServerForms .Form__NavigationBar .dropdown-toggle.Form__NavigationBar__Action, .EPiServerForms .Form__NavigationBar .btn-group.dropdown .dropdown-toggle.Form__NavigationBar__Action, .btn-group.dropdown .u-wysiwygArea > a.dropdown-toggle:not(.wysIconBtn), .btn-group.dropdown .u-wysiwygArea > button.dropdown-toggle:not(.wysIconBtn), .btn-group.dropdown .u-wysiwygArea .dropdown-toggle.wysIconBtn, .u-wysiwygArea .btn-group.dropdown .dropdown-toggle.wysIconBtn {
background-color: transparent;
color: #3D7EDB;
font-size: 1.25rem;
padding-left: 0;
padding-right: 0; }
.btn-group.dropdown .caret {
color: #3D7EDB;
margin-top: -4px;
position: absolute;
right: 0;
top: 50%; }
.btn-group.dropdown .dropdown-menu li a {
color: #3D7EDB;
font-size: 1rem; }
.btn-group.dropdown .dropdown-menu li a:hover {
color: #2465c1 !important; }
.default-dropdown-toggle {
background: transparent;
border: none;
color: #3D7EDB;
font-size: 1.25rem;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
position: relative; }
.default-dropdown-toggle .caret {
border: none;
font-size: 8px;
height: inherit;
margin-left: 8px;
width: auto; }
.default-dropdown-toggle .caret:before {
content: ""; }
.FormTextbox__Input, .xform input[type="text"], .xform textarea, .xform input[type="password"], .xform input[type="email"], .xform input[type="number"] {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-size: 1.25rem; }
.FormTextbox .Form__Element__Caption {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-size: 1rem;
color: #4F5357; }
.Form__Element__ValidationError, .xform .field-validation-valid {
font-size: 0.9375rem;
margin-top: 0;
margin-bottom: 0.4rem;
line-height: 1.6;
color: #E2231A !important; }
.Form__Status__Message {
font-size: 0.9375rem;
margin-top: 0;
margin-bottom: 0.4rem;
line-height: 1.6;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
color: #14A085 !important;
border: 1px solid #14A085;
background-color: #f7fefd !important; }
.Form__Warning__Message {
color: #E2231A !important;
border: 1px solid #E2231A;
background-color: #fef4f3 !important; }
.FormRange .Form__Element__Caption + span {
display: block; }
.FormRange .Form__Element__Caption + span:before, .FormRange .Form__Element__Caption + span:after {
content: " ";
display: table; }
.FormRange .Form__Element__Caption + span:after {
clear: both; }
.FormRange__Max, .FormRange__Min {
font-size: 1rem;
margin-top: 0.2rem;
margin-bottom: 0.6rem;
line-height: 1.6;
float: left;
display: block;
margin: 0 10px; }
.FormRange__Input {
float: left;
display: block;
margin: 5px 0 0 0 !important;
padding: 0 !important;
-webkit-appearance: none;
width: 100%; }
.FormRange__Input:focus {
outline: none; }
.FormRange__Input::-webkit-slider-runnable-track {
width: 100%;
height: 12.8px;
cursor: pointer;
animate: 0.2s;
box-shadow: none;
background: #CCDFF0;
border-radius: 25px;
border: 0px solid #CCDFF0; }
.FormRange__Input::-webkit-slider-thumb {
box-shadow: none;
border: 0px solid #CCDFF0;
height: 20px;
width: 20px;
border-radius: 50%;
background: #0073CF;
cursor: pointer;
-webkit-appearance: none;
margin-top: -3.6px; }
.FormRange__Input:focus::-webkit-slider-runnable-track {
background: #CCDFF0; }
.FormRange__Input::-moz-range-track {
width: 100%;
height: 12.8px;
cursor: pointer;
animate: 0.2s;
box-shadow: none;
background: #CCDFF0;
border-radius: 25px;
border: 0px solid #CCDFF0; }
.FormRange__Input::-moz-range-thumb {
box-shadow: none;
border: 0px solid #CCDFF0;
height: 20px;
width: 20px;
border-radius: 50%;
background: #0073CF;
cursor: pointer; }
.FormRange__Input::-ms-track {
width: 100%;
height: 12.8px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
color: transparent;
border-width: 4px 0; }
.ie-msedge .FormRange__Input::-ms-track {
border-width: 0 0; }
.FormRange__Input::-ms-fill-lower {
background: #CCDFF0;
border: 0px solid #CCDFF0;
border-radius: 50px;
box-shadow: none; }
.FormRange__Input::-ms-fill-upper {
background: #CCDFF0;
border: 0px solid #CCDFF0;
border-radius: 50px;
box-shadow: none; }
.FormRange__Input::-ms-thumb {
box-shadow: none;
border: 0px solid #CCDFF0;
height: 20px;
width: 20px;
border-radius: 50%;
background: #0073CF;
cursor: pointer; }
.FormRange__Input:focus::-ms-fill-lower {
background: #CCDFF0; }
.FormRange__Input:focus::-ms-fill-upper {
background: #CCDFF0; }
.FormSelection select, .xform select, .selectPickerWrap select {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
.FormSelection select[data-ss-uuid], .xform select[data-ss-uuid], .selectPickerWrap select[data-ss-uuid] {
display: none;
pointer-events: none; }
.FormSelection .style-select, .xform .style-select, .selectPickerWrap .style-select {
display: block;
position: relative;
width: 100%; }
.FormSelection .style-select, .FormSelection .style-select *, .xform .style-select, .xform .style-select *, .selectPickerWrap .style-select, .selectPickerWrap .style-select * {
padding: 0;
margin: 0;
box-sizing: border-box;
text-align: left;
line-height: 19px;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
color: #4F5357;
cursor: pointer; }
.FormSelection .style-select, .xform .style-select, .selectPickerWrap .style-select {
z-index: 10; }
.FormSelection .style-select.open, .xform .style-select.open, .selectPickerWrap .style-select.open {
z-index: 20; }
.FormSelection .style-select .ss-selected-option, .xform .style-select .ss-selected-option, .selectPickerWrap .style-select .ss-selected-option {
width: 100%;
min-height: 50px;
background-color: #FFF;
border-radius: 2px;
padding: 16px 32px 16px 14px;
border: 1px solid #c6c6c6; }
.FormSelection .style-select .ss-selected-option:active, .FormSelection .style-select .ss-selected-option:focus, .xform .style-select .ss-selected-option:active, .xform .style-select .ss-selected-option:focus, .selectPickerWrap .style-select .ss-selected-option:active, .selectPickerWrap .style-select .ss-selected-option:focus {
outline: none; }
.has-error .FormSelection .style-select .ss-selected-option, .has-error .xform .style-select .ss-selected-option, .has-error .selectPickerWrap .style-select .ss-selected-option {
border-color: #E2231A; }
.FormSelection .style-select .ss-selected-option::after, .xform .style-select .ss-selected-option::after, .selectPickerWrap .style-select .ss-selected-option::after {
content: "▾";
position: absolute;
top: 50%;
margin-top: -11px;
right: 12px;
display: block;
color: #0073CF;
font-size: 1.25rem; }
.FormSelection .style-select .ss-dropdown, .xform .style-select .ss-dropdown, .selectPickerWrap .style-select .ss-dropdown {
top: 52px;
left: 0;
position: absolute;
float: left;
width: 100%;
display: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #c6c6c6;
border-top: 0 none;
max-height: 500px;
overflow: auto; }
.FormSelection .style-select .ss-dropdown .ss-option, .xform .style-select .ss-dropdown .ss-option, .selectPickerWrap .style-select .ss-dropdown .ss-option {
width: 100%;
padding: 16px 14px;
background-color: white; }
.FormSelection .style-select .ss-dropdown .ss-option.highlighted, .xform .style-select .ss-dropdown .ss-option.highlighted, .selectPickerWrap .style-select .ss-dropdown .ss-option.highlighted {
background-color: #CCDFF0; }
.is-mouseuser .FormSelection .style-select .ss-dropdown .ss-option:hover:not([disabled]), .is-mouseuser .xform .style-select .ss-dropdown .ss-option:hover:not([disabled]), .is-mouseuser .selectPickerWrap .style-select .ss-dropdown .ss-option:hover:not([disabled]) {
background-color: #e8f0f8; }
.is-touchuser .FormSelection .style-select .ss-dropdown .ss-option:focus:not([disabled]), .is-mouseuser .FormSelection .style-select .ss-dropdown .ss-option:focus:not([disabled]), .is-touchuser .xform .style-select .ss-dropdown .ss-option:focus:not([disabled]), .is-mouseuser .xform .style-select .ss-dropdown .ss-option:focus:not([disabled]), .is-touchuser .selectPickerWrap .style-select .ss-dropdown .ss-option:focus:not([disabled]), .is-mouseuser .selectPickerWrap .style-select .ss-dropdown .ss-option:focus:not([disabled]) {
outline: 0;
background-color: #e8f0f8; }
.is-touchuser .FormSelection .style-select .ss-dropdown .ss-option:active:not([disabled]), .is-touchuser .xform .style-select .ss-dropdown .ss-option:active:not([disabled]), .is-touchuser .selectPickerWrap .style-select .ss-dropdown .ss-option:active:not([disabled]) {
background-color: #e8f0f8; }
.FormSelection .style-select .ss-dropdown .ss-option.disabled, .xform .style-select .ss-dropdown .ss-option.disabled, .selectPickerWrap .style-select .ss-dropdown .ss-option.disabled {
color: #d0d0d0; }
.FormSelection .style-select .ss-dropdown .ss-option.ticked, .xform .style-select .ss-dropdown .ss-option.ticked, .selectPickerWrap .style-select .ss-dropdown .ss-option.ticked {
padding-left: 2.1875rem;
position: relative;
cursor: default !important; }
.FormSelection .style-select .ss-dropdown .ss-option.ticked:before, .xform .style-select .ss-dropdown .ss-option.ticked:before, .selectPickerWrap .style-select .ss-dropdown .ss-option.ticked:before {
content: "✓";
font-size: 1.125rem;
position: absolute;
left: 0.9375rem;
top: 50%;
margin-top: -0.5625rem; }
.FormSelection .style-select.open .ss-dropdown, .xform .style-select.open .ss-dropdown, .selectPickerWrap .style-select.open .ss-dropdown {
display: block; }
.FormSelection .style-select.open .ss-selected-option::after, .xform .style-select.open .ss-selected-option::after, .selectPickerWrap .style-select.open .ss-selected-option::after {
content: "▴"; }
.xform table {
width: 100%; }
.xform fieldset {
background: transparent;
border: none;
padding: 0; }
.xform fieldset legend {
border: none;
margin: 3px 0; }
.xform input[type="radio"],
.xform input[type="checkbox"] {
margin-right: 4px; }
.xform label {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
font-size: 1rem;
color: #4F5357; }
.xform td {
padding-bottom: 20px; }
.EPiServerForms .Form__NavigationBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px; }
.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action {
border-radius: 2px !important;
height: auto !important;
padding: 6px 12px !important;
background-image: none !important;
color: white !important; }
@media only screen and (max-width: 767px) {
.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action {
font-size: 12px;
padding: 6px; } }
.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar {
margin: 0 10px; }
/*######################################################
form
#######################################################*/
.form-wrapper {
padding: 10px 0 3px 0; }
.modal-body .form-wrapper {
padding: 0; }
.form-wrapper legend {
color: #414042;
font-family: "Adelle-Regular", serif;
font-size: 1.8rem;
padding-top: 25px;
text-transform: uppercase; }
.form-wrapper p {
font-size: 1.6rem;
line-height: 2rem; }
.form-group {
margin-bottom: 10px; }
.form-group:before, .form-group:after {
content: " ";
display: table; }
.form-group:after {
clear: both; }
.modal .form-group {
margin-bottom: 20px; }
.form-item {
padding-bottom: 10px;
position: relative; }
.control-label {
font-size: 1.6rem;
font-weight: 600;
line-height: normal;
padding-top: 14px; }
.form-control, .FormTextbox__Input, .xform input[type="text"], .xform textarea, .xform input[type="password"], .xform input[type="email"], .xform input[type="number"] {
-webkit-transition: all ease-in .2s;
transition: all ease-in .2s;
box-shadow: none;
border-radius: 0;
border-color: #c6c6c6;
color: #414042;
display: inline-block;
font-size: 1rem;
font-weight: 500;
height: inherit;
line-height: normal;
padding: 14px 16px;
width: 100%; }
.form-control:focus, .FormTextbox__Input:focus, .xform input[type="text"]:focus, .xform textarea:focus, .xform input[type="password"]:focus, .xform input[type="email"]:focus, .xform input[type="number"]:focus {
box-shadow: none;
border-color: #c6c6c6; }
.form-control:disabled, .FormTextbox__Input:disabled, .xform input[type="text"]:disabled, .xform textarea:disabled, .xform input[type="password"]:disabled, .xform input[type="email"]:disabled, .xform input[type="number"]:disabled, .form-control[disabled="disabled"], [disabled="disabled"].FormTextbox__Input, .xform input[disabled="disabled"][type="text"], .xform textarea[disabled="disabled"], .xform input[disabled="disabled"][type="password"], .xform input[disabled="disabled"][type="email"], .xform input[disabled="disabled"][type="number"] {
background-color: #eee;
border-color: #DFDFDF;
color: #F3F2F1;
cursor: default; }
.error .form-control, .error .FormTextbox__Input, .error .xform input[type="text"], .xform .error input[type="text"], .error .xform textarea, .xform .error textarea, .error .xform input[type="password"], .xform .error input[type="password"], .error .xform input[type="email"], .xform .error input[type="email"], .error .xform input[type="number"], .xform .error input[type="number"], .form-control.input-validation-error, .input-validation-error.FormTextbox__Input, .xform input.input-validation-error[type="text"], .xform textarea.input-validation-error, .xform input.input-validation-error[type="password"], .xform input.input-validation-error[type="email"], .xform input.input-validation-error[type="number"] {
border-color: #E2231A; }
.form-control-static {
font-size: 1.5em;
font-weight: 500;
line-height: normal;
padding: 0; }
.form-message {
-webkit-transition: padding ease-in .2s, max-height ease-in .2s;
transition: padding ease-in .2s, max-height ease-in .2s;
font-size: 1.3em;
padding: 0;
max-height: 0;
overflow: hidden; }
.error .form-message {
color: #E2231A;
padding: 5px 0;
max-height: 100%; }
textarea.form-control, textarea.FormTextbox__Input, .xform textarea {
height: 180px;
padding: 12px 15px;
resize: vertical;
max-width: 100%; }
select.form-control, select.FormTextbox__Input {
font-family: "ProximaNova-Regular", sans-serif;
font-size: 1.8rem;
padding: 18px 30px 18px 16px; }
select.form-control option, select.FormTextbox__Input option {
font-size: .8em;
padding-bottom: 10px;
padding-top: 10px;
line-height: 50px; }
input[type=file] {
font-size: 1.6rem; }
.is-datepicker {
position: relative; }
.is-datepicker:before {
content: "\e900";
font-family: 'icomoon';
position: absolute;
right: 20px;
top: 12px;
font-size: 1.6em;
color: #436dda; }
.required:after {
color: #E2231A;
content: "*";
position: relative;
top: 4px;
right: 0;
margin-left: 2px; }
.field-validation-error {
color: #E2231A;
display: block;
font-size: 1.6rem;
line-height: normal;
padding: 5px 0 0 0; }
.u-inputIcon {
position: relative;
color: #444444; }
.u-inputIconSymbol {
pointer-events: none;
position: absolute;
left: 11px;
top: 0.875rem;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-size: 1.25rem; }
.u-inputIconInp {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-size: 1.25rem;
padding-left: 1.875rem; }
.u-inputIconInp[type=number] {
-moz-appearance: textfield; }
.u-inputIconInp[type=number]::-webkit-inner-spin-button, .u-inputIconInp[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none; }
.u-fileUpload {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0; }
.u-fileUploadWrap {
position: relative;
overflow: hidden; }
.u-fileUploadSelected {
display: block;
margin-top: 7px;
color: #616365;
font-size: 0.75rem; }
.u-fileUploadTitle {
/*
* Removes inner padding and border in Firefox 4+.
*/
-webkit-appearance: none;
overflow: visible;
font: inherit;
font-size: 1rem;
text-transform: none;
margin: 0;
display: inline-block;
box-sizing: border-box;
padding: 0 12px;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.15s linear;
transition: background-color 0.15s linear;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.5rem;
min-height: 1.5rem;
text-decoration: none;
text-align: center;
cursor: default;
/*
Has transparent border because :focus adds 1px border.
Border used, instead of outline, because it preserves border-radius.
*/
border-radius: 0;
border: 1px solid transparent;
border-radius: 2px;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
position: relative;
font-size: 0.75rem;
padding: 3px 14px;
border-width: 1px;
min-width: 150px; }
.u-fileUploadTitle::-moz-focus-inner {
border: 0;
padding: 0; }
.ie-msie9 .u-fileUploadTitle {
word-break: break-all; }
.u-fileUploadTitle:not([disabled]):not(.no-btn) {
cursor: pointer; }
.u-fileUploadTitle[disabled] {
pointer-events: none; }
.u-fileUploadTitle.is-processing {
cursor: not-allowed !important;
opacity: 0.6 !important; }
.u-fileUploadTitle.no-click {
cursor: not-allowed !important;
pointer-events: none !important; }
.is-mouseuser .u-fileUploadTitle:hover:not([disabled]) {
background-color: #3D7EDB;
color: #fff; }
.is-touchuser .u-fileUploadTitle:focus:not([disabled]), .is-mouseuser .u-fileUploadTitle:focus:not([disabled]) {
outline: 0;
background-color: #3D7EDB;
color: #fff; }
.is-touchuser .u-fileUploadTitle:focus:not([disabled]), .is-mouseuser .u-fileUploadTitle:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .u-fileUploadTitle:active:not([disabled]) {
background-color: #3D7EDB;
color: #fff; }
.u-fileUploadTitle[disabled] {
color: #bababa;
background-color: white;
border-color: #CCDFF0; }
.u-fileUploadTitle:not([disabled]) {
background-color: white;
color: #3D7EDB;
border-color: #3D7EDB; }
.intro {
margin: auto;
max-width: 950px;
text-align: center;
padding-bottom: 20px; }
.intro .page-title {
margin-bottom: 16px; }
.intro p {
font-size: 2.4rem;
line-height: 1.6em; }
/*######################################################
radio
#######################################################*/
.radio {
font-size: 1.5em;
line-height: 20px; }
.radio label {
color: #444;
font-size: 2rem;
line-height: normal;
padding-left: 20px;
padding-right: 20px;
position: relative; }
.radio input[type=radio] {
position: relative;
outline: none;
top: 4px;
height: 20px;
width: 20px;
/*
&:before {
border: 2px solid;
display: block;
content: "";
height: 20px;
width: 20px;
}
&:after {
border: 2px solid red;
display: block;
content: "";
height: 20px;
width: 20px;
}
*/ }
/*######################################################
section
#######################################################*/
/*
Removed to be replaced by block padding (see https://levogroup.atlassian.net/browse/CHCWR-28)
.page-section {
padding: 60px 0;
@include break-sm {
padding: 35px 0;
}
@include break-xs {
padding: 20px 0;
}
}
*/
.section-title {
padding-bottom: 30px; }
/*######################################################
select
#######################################################*/
select {
background-color: transparent;
font-size: 1.5em;
line-height: 1.4em;
outline: none !important;
padding: 14px 40px 14px 15px;
position: relative;
width: 100%;
z-index: 2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.table-wrapper select {
padding: 10px 35px 14px 10px; }
select:hover {
cursor: pointer; }
select:disabled, select[disabled="disabled"] {
background-color: #eee;
color: #F3F2F1;
cursor: default; }
td select,
th select {
font-size: 14px; }
.select-option {
position: relative; }
.select-option:after {
color: #3D7EDB;
content: "\e907";
margin-top: -5px;
position: absolute;
right: 15px;
font-family: 'icomoon';
font-size: 0.65em;
top: 50%;
z-index: 0; }
td .select-option:after,
th .select-option:after {
font-size: 6.5px; }
/*
Visibility
Hide elements based on conditions.
Styleguide 6.4.0
*/
/*
u-hiddenTouch and u-hiddenMouse
Hide elements based on if they are touch or mouse users.
markup:
I'm only for touch users
I'm only for mouse users
Styleguide 6.4.1
*/
.is-touchuser .u-hiddenTouch,
.is-mouseuser .u-hiddenMouse {
display: none !important; }
/*
u-hidden
Remove from the flow and screen readers on any device
markup:
I'm completely hidden
Styleguide 6.4.2
*/
.u-hidden {
display: none !important;
visibility: hidden !important; }
/*
u-invisible
It's hidden, but still affects layout
markup:
Harry Potter in his invisibility cloak
Styleguide 6.4.3
*/
.u-invisible {
visibility: hidden !important; }
/*
u-display
Shortcuts for changing the display property, such as showing elements that are hidden by display:none.
markup:
I'm display block
I'm display inline
I'm display inline-block
Styleguide 6.4.4
*/
.u-displayBlock {
display: block !important; }
.u-displayInline {
display: inline !important; }
.u-displayInlineBlock {
display: inline-block !important;
max-width: 100%; }
/*
u-visible
Shortcuts for hiding elements based on certain breakpoints.
Notes:
- Avoids setting display to `block` so it works also with `inline-block` and `table`
markup:
I'm only visible on mobiles landscape and lower
I'm only visible on small desktops and landscape tablets and higher
I'm only visible on small portrait tablets specifically
I'm hidden on mobile landscape and lower
I'm hidden on small desktops and landscape tablets specifically
I'm hidden on small desktops and landscape tablets and higher
Styleguide 6.4.5
*/
@media only screen and (min-width: 62em) {
.u-visibleMp {
display: none !important; }
.u-visibleMl {
display: none !important; }
.u-visibleTp {
display: none !important; }
.u-hiddenDs {
display: none !important; } }
@media only screen and (max-width: 61.9375em) and (min-width: 48em) {
.u-visibleMp {
display: none !important; }
.u-visibleMl {
display: none !important; }
.u-visibleDs {
display: none !important; }
.u-hiddenTp {
display: none !important; } }
@media only screen and (max-width: 47.9375em) {
.u-visibleTp {
display: none !important; }
.u-visibleDs {
display: none !important; }
.u-hiddenMl {
display: none !important; } }
@media only screen and (max-width: 29.9375em) {
.u-visibleTp {
display: none !important; }
.u-visibleDs {
display: none !important; }
.u-visibleMl {
display: none !important; }
.u-hiddenMp {
display: none !important; } }
/*
u-accessibleHidden
Hide content from view, but still make it accessible for screen readers and crawlers.
Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
markup:
Should be nothing visible below this line.
If you see this, it's not working!
Styleguide 6.4.6
*/
.u-accessibleHidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
/*
no-print
Hide content/element on print mode.
markup:
I'm hidden on print mode
I'm a hidden button on print mode
Styleguide 6.4.7
*/
@media print {
.no-print {
display: none !important; } }
/*
* Break inside (for CSS multi-column column).
* Keeps an element together, so it doesn't break badly when in a multi-column.
*/
/*
* For retina display
*/
/*
create css triangle
*/
/*
Utils
Collection of useful utility classes to style your content
Styleguide 6.0.0
*/
/*
Clearers
Styles for clearing things, like floats, margins and padding.
Styleguide 5.4.0
*/
/*
.u-clearFix
Add this class to a parent container to clear floats.
markup:
Some floated content
Some floated content
Styleguide 5.4.1
*/
.u-clearFix:before, .u-clearFix:after {
content: " ";
display: table; }
.u-clearFix:after {
clear: both; }
/*
.u-floatLeft & u-floatRight
Float element left or right.
Uses max-width: 100%; to prevent content overflow on small devices.
Based on UIKit's '.uk-float-left' & '.uk-float-right'.
Modifiers:
- `--mp`: Mobile Portrait and up
- `--ml`: Mobile Landscape and up
- `--tp`: Tablet Portrait and up
- `--ds`: desktop Small and up
- `--dm`: Desktop Medium and up
- `--dl`: Desktop Large and up
markup:
Floated left
Floated right
sg-wrapper:
Styleguide 5.3.1
*/
.u-floatLeft {
float: left;
max-width: 100%; }
@media only screen and (min-width: 22.5em) {
.u-floatLeft--mp {
float: left;
max-width: 100%; } }
@media only screen and (min-width: 30em) {
.u-floatLeft--ml {
float: left;
max-width: 100%; } }
@media only screen and (min-width: 48em) {
.u-floatLeft--tp {
float: left;
max-width: 100%; } }
@media only screen and (min-width: 62em) {
.u-floatLeft--ds {
float: left;
max-width: 100%; } }
@media only screen and (min-width: 81.25em) {
.u-floatLeft--dm {
float: left;
max-width: 100%; } }
@media only screen and (min-width: 100em) {
.u-floatLeft--dl {
float: left;
max-width: 100%; } }
.u-floatRight {
float: right;
max-width: 100%; }
@media only screen and (min-width: 22.5em) {
.u-floatRight--mp {
float: right;
max-width: 100%; } }
@media only screen and (min-width: 30em) {
.u-floatRight--ml {
float: right;
max-width: 100%; } }
@media only screen and (min-width: 48em) {
.u-floatRight--tp {
float: right;
max-width: 100%; } }
@media only screen and (min-width: 62em) {
.u-floatRight--ds {
float: right;
max-width: 100%; } }
@media only screen and (min-width: 81.25em) {
.u-floatRight--dm {
float: right;
max-width: 100%; } }
@media only screen and (min-width: 100em) {
.u-floatRight--dl {
float: right;
max-width: 100%; } }
/*
.u-borderCircle
Create a circle.
markup:
Styleguide 6.2.2
*/
.u-borderCircle {
border-radius: 50%; }
/*
.u-borderRounded
Add rounded edges.
markup:
Styleguide 6.2.3
*/
.u-borderRounded {
border-radius: 5px; }
/* underline */
.ulOffset {
border-bottom: 2px solid transparent;
display: inline;
color: transparent;
margin: 0;
pointer-events: none; }
.ulOffsetWrap {
cursor: text;
position: absolute;
pointer-events: none;
top: 0;
left: 0;
right: 0;
margin: 0; }
.iconCircle {
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
padding: 0;
display: inline-block;
text-align: center;
font-size: 0.75rem;
color: #3D7EDB;
border: 1px solid #DFDFDF;
/*&:before {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}*/ }
.iconCircle:before {
display: inline-block;
vertical-align: middle; }
.iconCircle--clr1 {
background-color: #3D7EDB;
color: white;
border-color: #3D7EDB; }
/*
Misc
Miscellaneous Utilities
Styleguide 6.8.0
*/
/*
u-highZ10 (20,30,40,50)
Utilities for setting high z-indexes easily.
markup:
Styleguide 6.8.1
*/
.u-highZ10 {
z-index: 10;
position: relative; }
.u-highZ20 {
z-index: 20;
position: relative; }
.u-highZ30 {
z-index: 30;
position: relative; }
.u-highZ40 {
z-index: 40;
position: relative; }
.u-highZ50 {
z-index: 50;
position: relative; }
/*
u-pad
Utilities for adding/removing padding easily.
Modifiers:
- Without modifier it removed all padding
- `--xs`: Extra small
- `--sm`: Small
- `--md`: Medium
- `--lg`: Large
- `--xl`: Extra large
- `--xxl`: XX large
- `--noDt`: Force remove for desktop
- `--noMb`: Force remove for mobile
markup:
Styleguide 6.8.2
*/
.u-pad {
padding: 0 !important; }
.u-pad--xs {
padding: 0.3125rem !important; }
.u-pad--sm {
padding: 0.6875rem !important; }
.u-pad--md {
padding: 1.125rem !important; }
.u-pad--lg {
padding: 1.75rem !important; }
.u-pad--xl {
padding: 2.5rem !important; }
.u-pad--xxl {
padding: 3.25rem !important; }
.u-pad--xxxl {
padding: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-pad--noMb {
padding: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-pad--noDt {
padding: 0 !important; } }
/*
u-padTop
Utilities for adding/removing padding-top easily.
Modifiers:
- Without modifier it removed all padding-top
- `--xs`: Extra small
- `--sm`: Small
- `--md`: Medium
- `--lg`: Large
- `--xl`: Extra large
- `--xxl`: Extra large
- `--mbXs`: mobile Extra small
- `--mbSm`: mobile Small
- `--mbMd`: mobile Medium
- `--mbLg`: mobile Large
- `--noDt`: Force remove for desktop
- `--noMb`: Force remove for mobile
markup:
Styleguide 6.8.3
*/
.u-padTop {
padding-top: 0 !important; }
.u-padTop--xs {
padding-top: 0.3125rem !important; }
.u-padTop--sm {
padding-top: 0.625rem !important; }
.u-padTop--md {
padding-top: 0.9375rem !important; }
.u-padTop--lg {
padding-top: 1.5625rem !important; }
.u-padTop--xl {
padding-top: 2.5rem !important; }
.u-padTop--xxl {
padding-top: 3.25rem !important; }
.u-padTop--xxxl {
padding-top: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-padTop--mbXs {
padding-top: 0.3125rem !important; }
.u-padTop--mbSm {
padding-top: 0.625rem !important; }
.u-padTop--mbMd {
padding-top: 0.9375rem !important; }
.u-padTop--mbLg {
padding-top: 1.5625rem !important; } }
@media only screen and (max-width: 47.9375em) {
.u-padTop--noMb {
padding-top: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-padTop--noDt {
padding-top: 0 !important; } }
/*
u-padBot
Utilities for adding/removing padding-bottom easily.
Modifiers:
- Without modifier it removed all padding-bottom
- `--xs`: Extra small
- `--sm`: Small
- `--md`: Medium
- `--lg`: Large
- `--xl`: Extra large
- `--xxl`: Extra large
- `--mbXs`: mobile Extra small
- `--mbSm`: mobile Small
- `--mbMd`: mobile Medium
- `--mbLg`: mobile Large
- `--noDt`: Force remove for desktop
- `--noMb`: Force remove for mobile
markup:
Styleguide 6.8.4
*/
.u-padBot {
padding-bottom: 0 !important; }
.u-padBot--xs {
padding-bottom: 0.3125rem !important; }
.u-padBot--sm {
padding-bottom: 0.625rem !important; }
.u-padBot--md {
padding-bottom: 0.9375rem !important; }
.u-padBot--lg {
padding-bottom: 1.5625rem !important; }
.u-padBot--xl {
padding-bottom: 2.5rem !important; }
.u-padBot--xxl {
padding-bottom: 3.25rem !important; }
.u-padBot--xxxl {
padding-bottom: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-padBot--mbXs {
padding-bottom: 0.3125rem !important; }
.u-padBot--mbSm {
padding-bottom: 0.625rem !important; }
.u-padBot--mbMd {
padding-bottom: 0.9375rem !important; }
.u-padBot--mbLg {
padding-bottom: 1.5625rem !important; } }
@media only screen and (max-width: 47.9375em) {
.u-padBot--noMb {
padding-bottom: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-padBot--noDt {
padding-bottom: 0 !important; } }
/*
u-padLeft
Utilities for adding/removing padding-bottom easily.
Modifiers:
- Without modifier it removed all padding-bottom
- `--xs`: Extra small
- `--sm`: Small
- `--md`: Medium
- `--lg`: Large
- `--xl`: Extra large
- `--xxl`: Extra large
- `--mbXs`: mobile Extra small
- `--mbSm`: mobile Small
- `--mbMd`: mobile Medium
- `--mbLg`: mobile Large
- `--noDt`: Force remove for desktop
- `--noMb`: Force remove for mobile
markup:
Styleguide 6.8.5
*/
.u-padLeft {
padding-left: 0 !important; }
.u-padLeft--xs {
padding-left: 0.3125rem !important; }
.u-padLeft--sm {
padding-left: 0.625rem !important; }
.u-padLeft--md {
padding-left: 0.9375rem !important; }
.u-padLeft--lg {
padding-left: 1.5625rem !important; }
.u-padLeft--xl {
padding-left: 2.5rem !important; }
.u-padLeft--xxl {
padding-left: 3.25rem !important; }
.u-padLeft--xxxl {
padding-left: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-padLeft--mbXs {
padding-left: 0.3125rem !important; }
.u-padLeft--mbSm {
padding-left: 0.625rem !important; }
.u-padLeft--mbMd {
padding-left: 0.9375rem !important; }
.u-padLeft--mbLg {
padding-left: 1.5625rem !important; } }
@media only screen and (max-width: 47.9375em) {
.u-padLeft--noMb {
padding-left: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-padLeft--noDt {
padding-left: 0 !important; } }
/*
u-padRight
Utilities for adding/removing padding-bottom easily.
Modifiers:
- Without modifier it removed all padding-bottom
- `--xs`: Extra small
- `--sm`: Small
- `--md`: Medium
- `--lg`: Large
- `--xl`: Extra large
- `--xxl`: Extra large
- `--mbXs`: mobile Extra small
- `--mbSm`: mobile Small
- `--mbMd`: mobile Medium
- `--mbLg`: mobile Large
- `--noDt`: Force remove for desktop
- `--noMb`: Force remove for mobile
markup:
Styleguide 6.8.6
*/
.u-padRight {
padding-right: 0 !important; }
.u-padRight--xs {
padding-right: 0.3125rem !important; }
.u-padRight--sm {
padding-right: 0.625rem !important; }
.u-padRight--md {
padding-right: 0.9375rem !important; }
.u-padRight--lg {
padding-right: 1.5625rem !important; }
.u-padRight--xl {
padding-right: 2.5rem !important; }
.u-padRight--xxl {
padding-right: 3.25rem !important; }
.u-padRight--xxxl {
padding-right: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-padRight--mbXs {
padding-right: 0.3125rem !important; }
.u-padRight--mbSm {
padding-right: 0.625rem !important; }
.u-padRight--mbMd {
padding-right: 0.9375rem !important; }
.u-padRight--mbLg {
padding-right: 1.5625rem !important; } }
@media only screen and (max-width: 47.9375em) {
.u-padRight--noMb {
padding-right: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-padRight--noDt {
padding-right: 0 !important; } }
/*
u-padSide
Utilities for adding/removing padding left and right easily.
Modifiers:
- `--xsNeg`: Extra small
- `--smNeg`: Small
- `--mdNeg`: Medium
markup:
Extra Small negative side margin for mobile
Small negative side margin for mobile
Medium negative side margin for mobile
Styleguide 6.8.1--
*/
.u-padSide {
padding-right: 0 !important;
padding-left: 0 !important; }
.u-padSide--xs {
padding-right: 0.3125rem !important; }
.u-padSide--sm {
padding-right: 0.625rem !important; }
.u-padSide--md {
padding-right: 0.9375rem !important; }
.u-padSide--lg {
padding-right: 1.5625rem !important; }
.u-padSide--xl {
padding-right: 2.5rem !important; }
.u-padSide--xxl {
padding-right: 3.25rem !important; }
.u-padSide--xxxl {
padding-right: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-padSide--mbXs {
padding-right: 0.3125rem !important; }
.u-padSide--mbSm {
padding-right: 0.625rem !important; }
.u-padSide--mbMd {
padding-right: 0.9375rem !important; }
.u-padSide--mbLg {
padding-right: 1.5625rem !important; } }
@media only screen and (max-width: 47.9375em) {
.u-padSide--noMb {
padding-right: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-padSide--noDt {
padding-right: 0 !important; } }
.u-padSide--xs {
padding-left: 0.3125rem !important; }
.u-padSide--sm {
padding-left: 0.625rem !important; }
.u-padSide--md {
padding-left: 0.9375rem !important; }
.u-padSide--lg {
padding-left: 1.5625rem !important; }
.u-padSide--xl {
padding-left: 2.5rem !important; }
.u-padSide--xxl {
padding-left: 3.25rem !important; }
.u-padSide--xxxl {
padding-left: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-padSide--mbXs {
padding-left: 0.3125rem !important; }
.u-padSide--mbSm {
padding-left: 0.625rem !important; }
.u-padSide--mbMd {
padding-left: 0.9375rem !important; }
.u-padSide--mbLg {
padding-left: 1.5625rem !important; } }
@media only screen and (max-width: 47.9375em) {
.u-padSide--noMb {
padding-left: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-padSide--noDt {
padding-left: 0 !important; } }
/*
u-margTop
Utilities for adding/removing margin-top easily.
Modifiers:
- Without modifier it removed all margin-top
- `--xs`: Extra small
- `--sm`: Small
- `--md`: Medium
- `--lg`: Large
- `--xl`: Extra large
- `--xxl`: Extra large
- `--noDt`: Force remove for desktop
- `--noMb`: Force remove for mobile
markup:
Styleguide 6.8.7
*/
.u-margTop {
margin-top: 0 !important; }
.u-margTop--xs {
margin-top: 0.3125rem !important; }
.u-margTop--sm {
margin-top: 0.625rem !important; }
.u-margTop--md {
margin-top: 0.9375rem !important; }
.u-margTop--lg {
margin-top: 1.5625rem !important; }
.u-margTop--xl {
margin-top: 2.5rem !important; }
.u-margTop--xxl {
margin-top: 3.25rem !important; }
.u-margTop--xxxl {
margin-top: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-margTop--noMb {
margin-top: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-margTop--noDt {
margin-top: 0 !important; } }
/*
u-margBot
Utilities for adding/removing margin-bottom easily.
Modifiers:
- Without modifier it removed all margin-bottom
- `--xs`: Extra small
- `--sm`: Small
- `--md`: Medium
- `--lg`: Large
- `--xl`: Extra large
- `--xxl`: Extra large
- `--noDt`: Force remove for desktop
- `--noMb`: Force remove for mobile
markup:
Styleguide 6.8.8
*/
.u-margBot {
margin-bottom: 0 !important; }
.u-margBot--xs {
margin-bottom: 0.3125rem !important; }
.u-margBot--sm {
margin-bottom: 0.625rem !important; }
.u-margBot--md {
margin-bottom: 0.9375rem !important; }
.u-margBot--lg {
margin-bottom: 1.5625rem !important; }
.u-margBot--xl {
margin-bottom: 2.5rem !important; }
.u-margBot--xxl {
margin-bottom: 3.25rem !important; }
.u-margBot--xxxl {
margin-bottom: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-margBot--noMb {
margin-bottom: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-margBot--noDt {
margin-bottom: 0 !important; } }
/*
u-margLeft
Utilities for adding/removing margin-left easily.
Modifiers:
- Without modifier it removed all margin-left
- `--xs`: Extra small
- `--sm`: Small
- `--md`: Medium
- `--lg`: Large
- `--xl`: Extra large
- `--xxl`: Extra large
- `--noDt`: Force remove for desktop
- `--noMb`: Force remove for mobile
markup:
Styleguide 6.8.9
*/
.u-margLeft {
margin-left: 0 !important; }
.u-margLeft--xs {
margin-left: 0.3125rem !important; }
.u-margLeft--sm {
margin-left: 0.625rem !important; }
.u-margLeft--md {
margin-left: 0.9375rem !important; }
.u-margLeft--lg {
margin-left: 1.5625rem !important; }
.u-margLeft--xl {
margin-left: 2.5rem !important; }
.u-margLeft--xxl {
margin-left: 3.25rem !important; }
.u-margLeft--xxxl {
margin-left: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-margLeft--noMb {
margin-left: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-margLeft--noDt {
margin-left: 0 !important; } }
/*
u-margRight
Utilities for adding/removing margin-right easily.
Modifiers:
- Without modifier it removed all margin-right
- `--xs`: Extra small
- `--sm`: Small
- `--md`: Medium
- `--lg`: Large
- `--xl`: Extra large
- `--xxl`: Extra large
- `--noDt`: Force remove for desktop
- `--noMb`: Force remove for mobile
markup:
Styleguide 6.8.10
*/
.u-margRight {
margin-right: 0 !important; }
.u-margRight--xs {
margin-right: 0.3125rem !important; }
.u-margRight--sm {
margin-right: 0.625rem !important; }
.u-margRight--md {
margin-right: 0.9375rem !important; }
.u-margRight--lg {
margin-right: 1.5625rem !important; }
.u-margRight--xl {
margin-right: 2.5rem !important; }
.u-margRight--xxl {
margin-right: 3.25rem !important; }
.u-margRight--xxxl {
margin-right: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-margRight--noMb {
margin-right: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-margRight--noDt {
margin-right: 0 !important; } }
/*
u-margSide
Utilities for adding/removing margin left and right easily.
Modifiers:
- `--xsNeg`: Extra small
- `--smNeg`: Small
- `--mdNeg`: Small
markup:
Extra Small negative side margin for mobile
Small negative side margin for mobile
Medium negative side margin for mobile
Styleguide 6.8.11
*/
.u-margSide {
margin-left: 0 !important;
margin-right: 0 !important; }
.u-margSide--xs {
margin-left: 0.3125rem !important; }
.u-margSide--sm {
margin-left: 0.625rem !important; }
.u-margSide--md {
margin-left: 0.9375rem !important; }
.u-margSide--lg {
margin-left: 1.5625rem !important; }
.u-margSide--xl {
margin-left: 2.5rem !important; }
.u-margSide--xxl {
margin-left: 3.25rem !important; }
.u-margSide--xxxl {
margin-left: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-margSide--noMb {
margin-left: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-margSide--noDt {
margin-left: 0 !important; } }
.u-margSide--xs {
margin-right: 0.3125rem !important; }
.u-margSide--sm {
margin-right: 0.625rem !important; }
.u-margSide--md {
margin-right: 0.9375rem !important; }
.u-margSide--lg {
margin-right: 1.5625rem !important; }
.u-margSide--xl {
margin-right: 2.5rem !important; }
.u-margSide--xxl {
margin-right: 3.25rem !important; }
.u-margSide--xxxl {
margin-right: 6.25rem !important; }
@media only screen and (max-width: 47.9375em) {
.u-margSide--noMb {
margin-right: 0 !important; } }
@media only screen and (min-width: 48em) {
.u-margSide--noDt {
margin-right: 0 !important; } }
@media only screen and (max-width: 47.9375em) {
.u-margSide--mbXsNeg {
margin-left: -5px !important;
margin-right: -5px !important; }
.u-margSide--mbSmNeg {
margin-left: -10px !important;
margin-right: -10px !important; }
.u-margSide--mbMdNeg {
margin-left: -15px !important;
margin-right: -15px !important; } }
/*
u-frame
Utilities for adding border.
Modifiers:
- `--mdClr1`: Makes the border gold
- `--xdkGry`: Makes the border extra dark gray (almost black)
- `--single`: Makes the border single (1px) with #CCC color (lighter gray)
- `--top`: just top
- `--bot`: just bottom
- `--left`: just left
- `--right`: just right
- `--ends`: just top and bottom
- `--sides`: just left and right
markup:
Styleguide 6.8.12
*/
.u-frame {
border: 2px solid #DFDFDF !important; }
.u-frame--single {
border: 1px solid #DFDFDF !important; }
.u-frame--top {
border-left: none !important;
border-right: none !important;
border-bottom: none !important; }
.u-frame--bot {
border-left: none !important;
border-right: none !important;
border-top: none !important; }
.u-frame--left {
border-bottom: none !important;
border-right: none !important;
border-top: none !important; }
.u-frame--right {
border-bottom: none !important;
border-left: none !important;
border-top: none !important; }
.u-frame--sides {
border-bottom: none !important;
border-top: none !important; }
.u-frame--ends {
border-left: none !important;
border-right: none !important; }
/*
u-shadow
Adds a drop shadow
markup:
Styleguide 6.8.14
*/
.u-shadow {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
.u-shadow--big {
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2); }
.u-shadow--bot {
box-shadow: inset 0 -14px 17px -9px rgba(0, 0, 0, 0.1); }
.u-iframe {
position: relative; }
@media only screen and (max-width: 767px) {
.u-iframe {
border: 1px solid #c6c6c6; } }
.u-iframe iframe {
width: 100%;
border: 0; }
/*
Colours
Styleguide 3.0.0
*/
/*
Background colours
Background colour utility classes, using naming convention `.u-clrBg--{COLOUR_NAME}`.
markup:
I should have an orange bg
Styleguide 3.1.0
*/
/*
Shades
List of BG grayscale shades
markup:
I should have a 'medium-gray' bg
Styleguide 3.1.1
*/
.u-clrBg--white {
background-color: #fff !important; }
.u-clrBg--xxltGry {
background-color: #f2f2f2 !important; }
.u-clrBg--xltGry {
background-color: #F3F2F1 !important; }
.u-clrBg--ltGry {
background-color: #DFDFDF !important; }
.u-clrBg--mLtGry {
background-color: #c6c6c6 !important; }
.u-clrBg--mdGry {
background-color: gray !important; }
.u-clrBg--dkGry {
background-color: #616365 !important; }
.u-clrBg--xdkGry {
background-color: #4F5357 !important; }
.u-clrBg--xxdkGry {
background-color: #444444 !important; }
.u-clrBg--black {
background-color: #000 !important; }
/*
Soft BG colours
List of soft colours, used mainly in styleguide
markup:
I should have an purple bg
Styleguide 3.1.2
*/
.u-clrBg--pink {
background-color: #ffd4dc !important; }
.u-clrBg--orange {
background-color: #ffd280 !important; }
.u-clrBg--orange-1 {
background-color: #E98300 !important; }
.u-clrBg--purple {
background-color: #956FDF !important; }
.u-clrBg--brown {
background-color: #9D646C !important; }
.u-clrBg--blue {
background-color: #0073CF !important; }
.u-clrBg--light-green {
background-color: #7a9d49 !important; }
.u-clrBg--soft-green {
background-color: #7ca295 !important; }
.u-clrBg--light-purple {
background-color: #8783a4 !important; }
/*
Foreground colours
Foreground colour utility classes, using naming convention `.u-clr--{COLOUR_NAME}`.
markup:
I should be orange
Styleguide 3.2.0
*/
/*
Shades
List of grayscale shades `.u-clr--{COLOUR_NAME}`.
markup:
u-clr--white
u-clr--xltGry
u-clr--ltGry
u-clr--mdGry
u-clr--dkGry
u-clr--xdkGry
u-clr--xxdkGry
u-clr--black
Styleguide 3.2.1
*/
.u-clr--white {
color: #fff !important; }
.u-clr--xxltGry {
color: #f2f2f2 !important; }
.u-clr--xltGry {
color: #F3F2F1 !important; }
.u-clr--ltGry {
color: #DFDFDF !important; }
.u-clr--mLtGry {
color: #c6c6c6 !important; }
.u-clr--mdGry {
color: gray !important; }
.u-clr--dkGry {
color: #616365 !important; }
.u-clr--xdkGry {
color: #4F5357 !important; }
.u-clr--xxdkGry {
color: #444444 !important; }
.u-clr--black {
color: #000 !important; }
/*
Soft colours
List of soft colours, used mainly in styleguide
markup:
I should be purple
Styleguide 3.2.2
*/
.u-clr--pink {
color: #ffd4dc !important; }
.u-clr--orange {
color: #ffd280 !important; }
.u-clr--orange-1 {
color: #E98300 !important; }
.u-clr--purple {
color: #956FDF !important; }
.u-clr--brown {
color: #9D646C !important; }
.u-clr--blue {
color: #0073CF !important; }
.u-clr--light-green {
color: #7a9d49 !important; }
.u-clr--soft-green {
color: #7ca295 !important; }
.u-clr--light-purple {
color: #8783a4 !important; }
/*
CHC colours
Colours specific to CHC website.
Styleguide 3.3.0
*/
/*
Soft CHC BG colours
Soft CHC bg colours, using naming convention `.u-clr--{COLOUR_NAME}SoftBg`.
markup:
u-clr--mdClr1
u-clr--dkClr1
Styleguide 3.3.1
*/
/*
CHC foreground colours
CHC foreground colours, using naming convention `.u-clr--{COLOUR_NAME}`.
markup:
u-clr--mdClr1
u-clr--dkClr1
Styleguide 3.3.2
*/
.u-clr--primary {
color: #3D7EDB !important; }
.u-clr--success {
color: #76BD22 !important; }
.u-clr--info {
color: #644C9E !important; }
.u-clr--warning {
color: #FFCF59 !important; }
.u-clr--danger {
color: #E2231A !important; }
.u-clr--themeOrange {
color: #E98300 !important; }
.u-clr--themeGreen {
color: #14A085 !important; }
.u-clr--themePurple {
color: #894B9D !important; }
.u-clr--themePink {
color: #E44A8F !important; }
.u-clr--themeDark {
color: #414042 !important; }
.u-clr--blue1 {
color: #124F76 !important; }
.u-clr--blue2 {
color: #0073CF !important; }
.u-clr--blue3 {
color: #009FDA !important; }
.u-clr--blue4 {
color: #003F72 !important; }
.u-clr--blue5 {
color: #CCDFF0 !important; }
.u-clr--blue6 {
color: #eff8ff !important; }
/*
CHC background colours
CHC background colours, using naming convention `.u-clrBg--{COLOUR_NAME}`.
markup:
"Danger" - #E2231A
u-clrBg--danger
Styleguide 3.3.3
*/
.u-clrBg--primary {
background-color: #3D7EDB !important; }
.u-clrBg--success {
background-color: #76BD22 !important; }
.u-clrBg--info {
background-color: #644C9E !important; }
.u-clrBg--warning {
background-color: #FFCF59 !important; }
.u-clrBg--danger {
background-color: #E2231A !important; }
.u-clrBg--themeOrange {
background-color: #E98300 !important; }
.u-clrBg--themeGreen {
background-color: #14A085 !important; }
.u-clrBg--themePurple {
background-color: #894B9D !important; }
.u-clrBg--themePink {
background-color: #E44A8F !important; }
.u-clrBg--themeDark {
background-color: #414042 !important; }
.u-clrBg--blue1 {
background-color: #124F76 !important; }
.u-clrBg--blue2 {
background-color: #0073CF !important; }
.u-clrBg--blue3 {
background-color: #009FDA !important; }
.u-clrBg--blue4 {
background-color: #003F72 !important; }
.u-clrBg--blue5 {
background-color: #CCDFF0 !important; }
.u-clrBg--blue6 {
background-color: #eff8ff !important; }
/*
CHC border colours
CHC border colours, using naming convention `.u-clrBorder--{COLOUR_NAME}`.
markup:
"Danger" - #E2231A
u-clrBorder--danger
Styleguide 3.3.3
*/
.u-clrBorder--primary {
border-color: #3D7EDB !important; }
.u-clrBorder--success {
border-color: #76BD22 !important; }
.u-clrBorder--info {
border-color: #644C9E !important; }
.u-clrBorder--warning {
border-color: #FFCF59 !important; }
.u-clrBorder--danger {
border-color: #E2231A !important; }
.u-clrBorder--themeOrange {
border-color: #E98300 !important; }
.u-clrBorder--themeGreen {
border-color: #14A085 !important; }
.u-clrBorder--themePurple {
border-color: #894B9D !important; }
.u-clrBorder--themePink {
border-color: #E44A8F !important; }
.u-clrBorder--themeDark {
border-color: #414042 !important; }
.u-clrBorder--blue1 {
border-color: #124F76 !important; }
.u-clrBorder--blue2 {
border-color: #0073CF !important; }
.u-clrBorder--blue3 {
border-color: #009FDA !important; }
.u-clrBorder--blue4 {
border-color: #003F72 !important; }
.u-clrBorder--blue5 {
border-color: #CCDFF0 !important; }
.u-clrBorder--blue6 {
border-color: #eff8ff !important; }
.u-wysiwygArea {
/**
* Headings
*/
/**
* Paragraphs
*/
/**
* Lists
*/
/**
* Tables
*/ }
.u-wysiwygArea h1 {
color: #4F5357;
font-size: 1.875rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 1rem;
padding-bottom: 1.3rem;
line-height: 1.3333;
-webkit-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
padding-bottom: 0.9375rem;
display: block; }
.u-wysiwygArea--clrInherit.u-wysiwygArea h1 {
color: inherit; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea h1 {
font-size: 3rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 1rem;
padding-bottom: 1.3rem;
line-height: 1.13331;
-webkit-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
padding-bottom: 0.9375rem;
display: block; } }
.u-wysiwygArea h2 .u-wysiwygArea:not(.u-wysiwygArea--serifHeaders), .u-wysiwygArea h3 .u-wysiwygArea:not(.u-wysiwygArea--serifHeaders), .u-wysiwygArea h4 .u-wysiwygArea:not(.u-wysiwygArea--serifHeaders), .u-wysiwygArea h5 .u-wysiwygArea:not(.u-wysiwygArea--serifHeaders), .u-wysiwygArea h6 .u-wysiwygArea:not(.u-wysiwygArea--serifHeaders) {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
.u-wysiwygArea h2 {
color: #444444;
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0.8rem;
padding-bottom: 1rem;
line-height: 1.3333;
-webkit-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
font-size: 1.25rem;
padding-bottom: 0.9375rem;
display: block; }
.u-wysiwygArea--clrInherit.u-wysiwygArea h2 {
color: inherit; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea h2 {
font-size: 1.875rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 1rem;
padding-bottom: 1.3rem;
line-height: 1.3333;
-webkit-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
font-size: 1.5rem;
padding-bottom: 0.9375rem;
display: block; } }
.u-wysiwygArea h3 {
color: #444444;
font-size: 1.25rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0.5rem;
padding-bottom: 0.75rem;
line-height: 1.3333;
-webkit-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
font-size: 1rem;
padding-bottom: 0.5rem; }
.u-wysiwygArea--clrInherit.u-wysiwygArea h3 {
color: inherit; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea h3 {
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0.8rem;
padding-bottom: 1rem;
line-height: 1.3333;
-webkit-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
font-size: 1.25rem;
padding-bottom: 0.3125rem; } }
.u-wysiwygArea h4 {
color: #000; }
.u-wysiwygArea--clrInherit.u-wysiwygArea h4 {
color: inherit; }
.u-wysiwygArea h4, .u-wysiwygArea h5, .u-wysiwygArea h6 {
font-size: 1rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
line-height: 1.3333;
-webkit-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
font-size: 0.9375rem;
padding-bottom: 0;
color: #4F5357; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea h4, .u-wysiwygArea h5, .u-wysiwygArea h6 {
font-size: 1.25rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0.5rem;
padding-bottom: 0.75rem;
line-height: 1.3333;
-webkit-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important;
font-size: 1rem;
padding-bottom: 0; } }
.u-wysiwygArea--clrInherit.u-wysiwygArea h4, .u-wysiwygArea h5, .u-wysiwygArea h6 {
color: inherit; }
.u-wysiwygArea h5 {
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal;
font-style: italic;
color: #4F5357; }
.u-wysiwygArea h6 {
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal;
font-style: italic;
color: gray; }
.u-wysiwygArea > *:first-child {
margin-top: 0;
padding-top: 0; }
.u-wysiwygArea > *:last-child:not(a) {
padding-bottom: 0; }
.u-wysiwygArea p + h1, .u-wysiwygArea p + h2, .u-wysiwygArea p + h3,
.u-wysiwygArea ul + h1, .u-wysiwygArea ul + h2, .u-wysiwygArea ul + h3,
.u-wysiwygArea ol + h1, .u-wysiwygArea ol + h2, .u-wysiwygArea ol + h3,
.u-wysiwygArea dl + h1, .u-wysiwygArea dl + h2, .u-wysiwygArea dl + h3 {
padding-top: 1.5625rem; }
.u-wysiwygArea p + h3,
.u-wysiwygArea ul + h3,
.u-wysiwygArea ol + h3,
.u-wysiwygArea dl + h3 {
padding-top: 1.125rem; }
.u-wysiwygArea img {
margin-top: 1.25rem;
margin-bottom: 1.25rem; }
.u-wysiwygArea p {
font-size: 0.9375rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0.4rem;
line-height: 1.6;
display: block;
color: #444444;
padding-top: 0.3125rem;
padding-bottom: 0.9375rem; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea p {
font-size: 1.25rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0.3rem;
padding-bottom: 0.75rem;
line-height: 1.6; } }
.u-wysiwygArea--clrInherit.u-wysiwygArea p {
color: inherit; }
.u-wysiwygArea p img {
margin: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 8px; }
.u-wysiwygArea--tinyPara p {
font-size: 0.8125rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0.4rem;
line-height: 1.6; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea--tinyPara p {
font-size: 0.8125rem;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0.4rem;
line-height: 1.6; } }
.u-wysiwygArea p + ul, .u-wysiwygArea p + ol, .u-wysiwygArea p + dl {
margin-top: -4px !important; }
.u-wysiwygArea p b, .u-wysiwygArea p strong, .u-wysiwygArea li b, .u-wysiwygArea li strong, .u-wysiwygArea a b, .u-wysiwygArea a strong {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
.u-wysiwygArea li > a {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
.u-wysiwygArea b a, .u-wysiwygArea strong a {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
.u-wysiwygArea p a:not(.wysIconBtn), .u-wysiwygArea li a:not(.wysIconBtn), .u-wysiwygArea li button:not(.wysIconBtn), .u-wysiwygArea p button:not(.wysIconBtn) {
text-decoration: none !important;
/*
* Removes inner padding and border in Firefox 4+.
*/
-webkit-appearance: none;
overflow: visible;
font: inherit;
font-size: 1rem;
text-transform: none;
margin: 0;
display: inline-block;
box-sizing: border-box;
padding: 0 12px;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.15s linear;
transition: background-color 0.15s linear;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.5rem;
min-height: 1.5rem;
text-decoration: none;
text-align: center;
cursor: default;
/*
Has transparent border because :focus adds 1px border.
Border used, instead of outline, because it preserves border-radius.
*/
border-radius: 0;
border: 1px solid transparent;
text-decoration: none;
border-bottom: 1px solid #3D7EDB;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
background-color: transparent;
color: inherit;
display: inline;
text-align: left;
padding: 0 1px;
font-size: inherit;
vertical-align: baseline;
min-height: 0;
line-height: initial;
color: #444444; }
.u-wysiwygArea p a:not(.wysIconBtn)::-moz-focus-inner, .u-wysiwygArea li a:not(.wysIconBtn)::-moz-focus-inner, .u-wysiwygArea li button:not(.wysIconBtn)::-moz-focus-inner, .u-wysiwygArea p button:not(.wysIconBtn)::-moz-focus-inner {
border: 0;
padding: 0; }
.ie-msie9 .u-wysiwygArea p a:not(.wysIconBtn), .ie-msie9 .u-wysiwygArea li a:not(.wysIconBtn), .ie-msie9 .u-wysiwygArea li button:not(.wysIconBtn), .ie-msie9 .u-wysiwygArea p button:not(.wysIconBtn) {
word-break: break-all; }
.u-wysiwygArea p a:not(.wysIconBtn):not([disabled]):not(.no-btn), .u-wysiwygArea li a:not(.wysIconBtn):not([disabled]):not(.no-btn), .u-wysiwygArea li button:not(.wysIconBtn):not([disabled]):not(.no-btn), .u-wysiwygArea p button:not(.wysIconBtn):not([disabled]):not(.no-btn) {
cursor: pointer; }
.u-wysiwygArea p a:not(.wysIconBtn)[disabled], .u-wysiwygArea li a:not(.wysIconBtn)[disabled], .u-wysiwygArea li button:not(.wysIconBtn)[disabled], .u-wysiwygArea p button:not(.wysIconBtn)[disabled] {
pointer-events: none; }
.u-wysiwygArea p a:not(.wysIconBtn).is-processing, .u-wysiwygArea li a:not(.wysIconBtn).is-processing, .u-wysiwygArea li button:not(.wysIconBtn).is-processing, .u-wysiwygArea p button:not(.wysIconBtn).is-processing {
cursor: not-allowed !important;
opacity: 0.6 !important; }
.u-wysiwygArea p a:not(.wysIconBtn).no-click, .u-wysiwygArea li a:not(.wysIconBtn).no-click, .u-wysiwygArea li button:not(.wysIconBtn).no-click, .u-wysiwygArea p button:not(.wysIconBtn).no-click {
cursor: not-allowed !important;
pointer-events: none !important; }
.is-mouseuser .u-wysiwygArea p a:not(.wysIconBtn):hover:not([disabled]), .is-mouseuser .u-wysiwygArea li a:not(.wysIconBtn):hover:not([disabled]), .is-mouseuser .u-wysiwygArea li button:not(.wysIconBtn):hover:not([disabled]), .is-mouseuser .u-wysiwygArea p button:not(.wysIconBtn):hover:not([disabled]) {
border-bottom-color: transparent; }
.is-touchuser .u-wysiwygArea p a:not(.wysIconBtn):focus:not([disabled]), .is-mouseuser .u-wysiwygArea p a:not(.wysIconBtn):focus:not([disabled]), .is-touchuser .u-wysiwygArea li a:not(.wysIconBtn):focus:not([disabled]), .is-mouseuser .u-wysiwygArea li a:not(.wysIconBtn):focus:not([disabled]), .is-touchuser .u-wysiwygArea li button:not(.wysIconBtn):focus:not([disabled]), .is-mouseuser .u-wysiwygArea li button:not(.wysIconBtn):focus:not([disabled]), .is-touchuser .u-wysiwygArea p button:not(.wysIconBtn):focus:not([disabled]), .is-mouseuser .u-wysiwygArea p button:not(.wysIconBtn):focus:not([disabled]) {
outline: 0;
border-bottom-color: transparent; }
.is-touchuser .u-wysiwygArea p a:not(.wysIconBtn):focus:not([disabled]), .is-mouseuser .u-wysiwygArea p a:not(.wysIconBtn):focus:not([disabled]), .is-touchuser .u-wysiwygArea li a:not(.wysIconBtn):focus:not([disabled]), .is-mouseuser .u-wysiwygArea li a:not(.wysIconBtn):focus:not([disabled]), .is-touchuser .u-wysiwygArea li button:not(.wysIconBtn):focus:not([disabled]), .is-mouseuser .u-wysiwygArea li button:not(.wysIconBtn):focus:not([disabled]), .is-touchuser .u-wysiwygArea p button:not(.wysIconBtn):focus:not([disabled]), .is-mouseuser .u-wysiwygArea p button:not(.wysIconBtn):focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .u-wysiwygArea p a:not(.wysIconBtn):active:not([disabled]), .is-touchuser .u-wysiwygArea li a:not(.wysIconBtn):active:not([disabled]), .is-touchuser .u-wysiwygArea li button:not(.wysIconBtn):active:not([disabled]), .is-touchuser .u-wysiwygArea p button:not(.wysIconBtn):active:not([disabled]) {
border-bottom-color: transparent; }
.u-wysiwygArea p a:not(.wysIconBtn) span, .u-wysiwygArea li a:not(.wysIconBtn) span, .u-wysiwygArea li button:not(.wysIconBtn) span, .u-wysiwygArea p button:not(.wysIconBtn) span {
text-decoration: none !important; }
.u-wysiwygArea--clrInherit.u-wysiwygArea p a:not(.wysIconBtn), .u-wysiwygArea li a:not(.wysIconBtn), .u-wysiwygArea li button:not(.wysIconBtn), .u-wysiwygArea p button:not(.wysIconBtn) {
color: inherit; }
.u-wysiwygArea blockquote {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
font-style: normal !important;
padding: 1.8125rem 0;
border-left: 0;
border-right: 0;
border-top: 2px solid #4F5357;
border-bottom: 2px solid #4F5357;
margin-top: 1.5625rem;
margin-bottom: 1.75rem;
color: #444444; }
.u-wysiwygArea blockquote p {
padding: 0; }
.u-wysiwygArea hr {
border-color: #DFDFDF;
margin: 40px 0; }
.u-wysiwygArea p + hr, .u-wysiwygArea ul + hr, .u-wysiwygArea ol + hr, .u-wysiwygArea dl + hr, .u-wysiwygArea h3 + hr {
margin-top: 30px; }
.u-wysiwygArea h2 + hr {
margin-top: 10px; }
.u-wysiwygArea ul, .u-wysiwygArea ol, .u-wysiwygArea dl, .u-wysiwygArea li {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
color: #444444 !important; }
.u-wysiwygArea--clrInherit.u-wysiwygArea ul, .u-wysiwygArea ol, .u-wysiwygArea dl, .u-wysiwygArea li {
color: inherit !important; }
.u-wysiwygArea ul {
padding-left: 1.6875rem;
list-style-type: none;
width: 100%;
color: #000;
font-size: 1.25rem;
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal;
color: inherit; }
.u-wysiwygArea ul > li {
padding-left: 0;
line-height: 1.6;
text-align: left;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 10px;
position: relative;
font-size: 0.9375rem; }
.u-wysiwygArea ul > li:before {
content: '• ';
font-size: 19px;
position: absolute;
margin-left: -20px; }
.u-wysiwygArea ul > li > ul, .u-wysiwygArea ul > li > ol, .u-wysiwygArea ul > li > dl {
margin-left: -0.1875rem; }
@media only screen and (max-width: 47.9375em) {
.u-wysiwygArea ul > li:before {
margin-top: -4px; } }
@media only screen and (min-width: 48em) {
.u-wysiwygArea ul > li {
font-size: 1.25rem; } }
.u-wysiwygArea ol {
padding-left: 1.6875rem;
width: 100%;
color: #000;
font-size: 1.25rem;
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal;
color: inherit; }
.u-wysiwygArea ol > li {
padding-left: 0.1875rem;
line-height: 1.6;
text-align: left;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 10px;
position: relative;
font-size: 0.9375rem; }
.u-wysiwygArea ol > li > ul, .u-wysiwygArea ol > li > ol, .u-wysiwygArea ol > li > dl {
margin-left: -0.1875rem; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea ol > li {
font-size: 1.25rem; } }
.u-wysiwygArea > ul {
padding-left: 1.875rem; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea > ul {
padding-left: 2.3125rem; } }
.u-wysiwygArea > ol {
padding-left: 2.3125rem; }
.u-wysiwygArea ol[type="i"] {
padding-left: 3rem;
width: 100%;
color: #000;
font-size: 1.25rem;
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal;
color: inherit; }
.u-wysiwygArea ol[type="i"] > li {
padding-left: 0.1875rem;
line-height: 1.6;
text-align: left;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 10px;
position: relative;
font-size: 0.9375rem; }
.u-wysiwygArea ol[type="i"] > li > ul, .u-wysiwygArea ol[type="i"] > li > ol, .u-wysiwygArea ol[type="i"] > li > dl {
margin-left: -0.1875rem; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea ol[type="i"] > li {
font-size: 1.25rem; } }
.u-wysiwygArea ol[type="a"] {
padding-left: 1.4375rem;
width: 100%;
color: #000;
font-size: 1.25rem;
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal;
color: inherit; }
.u-wysiwygArea ol[type="a"] > li {
padding-left: 0.1875rem;
line-height: 1.6;
text-align: left;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 10px;
position: relative;
font-size: 0.9375rem; }
.u-wysiwygArea ol[type="a"] > li > ul, .u-wysiwygArea ol[type="a"] > li > ol, .u-wysiwygArea ol[type="a"] > li > dl {
margin-left: -0.1875rem; }
.u-wysiwygArea ol[type="a"] > li:before {
margin-top: -3px; }
@media only screen and (min-width: 48em) {
.u-wysiwygArea ol[type="a"] > li {
font-size: 1.25rem; } }
.u-wysiwygArea table {
border: 1px solid #DFDFDF;
background-color: #FFF;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 15px; }
.u-wysiwygArea table * + .u-wysiwygArea table {
margin-top: 15px; }
.u-wysiwygArea table th, .u-wysiwygArea table td {
padding: 20px 8px; }
.u-wysiwygArea table th {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal; }
.u-wysiwygArea table th {
text-align: left; }
.u-wysiwygArea table td {
vertical-align: top; }
.u-wysiwygArea table th {
vertical-align: bottom; }
.u-wysiwygArea table caption, .u-wysiwygArea table tfoot {
font-style: normal; }
.u-wysiwygArea table caption {
text-align: left;
background-color: #DFDFDF;
font-size: 0.8125rem;
padding: 0.625rem 0.75rem;
text-align: left;
color: #4F5357;
margin-bottom: 0;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
.u-wysiwygArea table thead tr,
.u-wysiwygArea table tbody tr {
background-color: white; }
.u-wysiwygArea table th,
.u-wysiwygArea table tbody td {
border-bottom: 1px solid #e3e3e3;
padding: 1.25rem 0.75rem;
text-align: center; }
.u-wysiwygArea table th:first-child, .u-wysiwygArea table th:last-child,
.u-wysiwygArea table tbody td:first-child,
.u-wysiwygArea table tbody td:last-child {
position: relative; }
.u-wysiwygArea table th:first-child:before, .u-wysiwygArea table th:last-child:before,
.u-wysiwygArea table tbody td:first-child:before,
.u-wysiwygArea table tbody td:last-child:before {
content: "";
position: absolute;
top: 1px;
width: 0.75rem;
height: 100%;
background-color: white; }
.u-wysiwygArea table th:last-child,
.u-wysiwygArea table tbody td:last-child {
text-align: right; }
.u-wysiwygArea table th:last-child:before,
.u-wysiwygArea table tbody td:last-child:before {
right: 0; }
.u-wysiwygArea table th:first-child,
.u-wysiwygArea table tbody td:first-child {
text-align: left; }
.u-wysiwygArea table th:first-child:before,
.u-wysiwygArea table tbody td:first-child:before {
left: 0; }
.u-wysiwygArea table tr:last-child td:before {
display: none; }
/*######################################################
banner
#######################################################*/
.banner-inner {
color: #fff;
padding: 100px 20px; }
.banner-inner.is-has-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative; }
.banner-inner.is-has-image:before {
background-color: rgba(0, 0, 0, 0.5);
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 0; }
.banner-title {
margin-bottom: 20px;
position: relative;
z-index: 5; }
.banner-btn {
position: relative;
z-index: 5; }
.cardswrap {
overflow: hidden; }
.cardswrap.sg-card-services {
overflow: visible; }
@media only screen and (min-width: 768px) {
.crdwrp-row {
border-collapse: separate;
border-spacing: 32px;
display: table;
margin: -32px -32px;
table-layout: fixed;
min-width: 100%; } }
@media only screen and (min-width: 768px) and (min-width: 768px) {
.crdwrp-row > .card {
display: table-cell;
vertical-align: top; } }
@media only screen and (min-width: 768px) and (max-width: 767px) {
.crdwrp-row > .card {
margin-top: 20px; } }
@media only screen and (max-width: 767px) {
.crdwrp-row ~ .crdwrp-row {
padding-top: 20px; } }
@media only screen and (min-width: 768px) {
.crdwrp-col-2 {
width: 49%; } }
@media only screen and (max-width: 767px) {
.crdwrp-col-2:not(:last-child) {
margin-bottom: 20px; } }
@media only screen and (min-width: 768px) {
.crdwrp-col-3 {
width: 32%; } }
@media only screen and (max-width: 767px) {
.crdwrp-col-3:not(:last-child) {
margin-bottom: 20px; } }
.card {
-webkit-transition: all linear .2s;
transition: all linear .2s;
background-color: #fff;
position: relative; }
.card.is-color-gray {
background-color: #f9f9f9; }
.card--fixedH {
height: 30rem; }
.card a:not(.btn):not(.FormSubmitButton):not(.xform input[type="submit"]):not(.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action):not(.u-wysiwygArea > a:not(.wysIconBtn)):not(.u-wysiwygArea > button:not(.wysIconBtn)):not(.u-wysiwygArea .wysIconBtn) {
color: #000;
text-decoration: none; }
.card.is-bgcolor-blue a:not(.btn):not(.FormSubmitButton):not(.xform input[type="submit"]):not(.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action):not(.u-wysiwygArea > a:not(.wysIconBtn)):not(.u-wysiwygArea > button:not(.wysIconBtn)):not(.u-wysiwygArea .wysIconBtn), .card.is-bgcolor-green a:not(.btn):not(.FormSubmitButton):not(.xform input[type="submit"]):not(.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action):not(.u-wysiwygArea > a:not(.wysIconBtn)):not(.u-wysiwygArea > button:not(.wysIconBtn)):not(.u-wysiwygArea .wysIconBtn), .card.is-bgcolor-orange a:not(.btn):not(.FormSubmitButton):not(.xform input[type="submit"]):not(.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action):not(.u-wysiwygArea > a:not(.wysIconBtn)):not(.u-wysiwygArea > button:not(.wysIconBtn)):not(.u-wysiwygArea .wysIconBtn), .card.is-bgcolor-gray a:not(.btn):not(.FormSubmitButton):not(.xform input[type="submit"]):not(.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action):not(.u-wysiwygArea > a:not(.wysIconBtn)):not(.u-wysiwygArea > button:not(.wysIconBtn)):not(.u-wysiwygArea .wysIconBtn) {
color: #fff; }
.card.is-card-hstate a {
-webkit-transition: all linear .2s;
transition: all linear .2s; }
.card.is-card-hstate .crd-content {
position: relative; }
.card.is-card-hstate .crd-content:before {
-webkit-transition: all linear .2s;
transition: all linear .2s;
background-color: #fff;
display: block;
content: "";
height: 0;
position: absolute;
left: 0;
bottom: 100%;
width: 100%; }
.card.is-card-hstate:hover {
background-color: #3D7EDB;
color: #fff; }
.card.is-card-hstate:hover a {
color: #fff; }
.card.is-card-hstate:hover .crd-content:before {
background-color: #3D7EDB;
height: 24px; }
.card.is-card-service {
box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.1); }
.card.is-card-checked.is-color-1 {
box-shadow: 0px 0px 0px 3px #E98300; }
.card.is-card-checked.is-color-2 {
box-shadow: 0px 0px 0px 3px #124F76; }
.card.is-card-checked.is-color-3 {
box-shadow: 0px 0px 0px 3px #14A085; }
.card.is-card-checked.is-color-4 {
box-shadow: 0px 0px 0px 3px #894B9D; }
.card.is-card-checked.is-color-5 {
box-shadow: 0px 0px 0px 3px #E44A8F; }
.card.is-card-checked.is-color-6 {
box-shadow: 0px 0px 0px 3px #414042; }
.card.is-card-color.is-bgcolor-blue {
background-color: #3D7EDB;
color: #fff; }
.card.is-card-color.is-bgcolor-yellow {
background-color: #FFCF59; }
.card.is-card-color.is-bgcolor-gray {
background-color: #616365;
color: #fff; }
.card.is-card-color.is-bgcolor-orange {
background-color: #E98300;
color: #fff; }
.card.is-card-color.is-bgcolor-green {
background-color: #76BD22;
color: #fff; }
.is-fakeHeightSet .card {
height: 100%; }
.crd-linkHit {
z-index: 10;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
display: block;
border: none;
cursor: pointer;
background-color: rgba(255, 0, 0, 0.3);
opacity: 0; }
.crd-inner {
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear; }
.is-card-service .crd-inner {
border-collapse: collapse;
display: table;
padding: 0;
min-height: inherit;
table-layout: fixed;
width: 100%; }
.is-card-service .crd-inner > [class*="crd-"] {
display: table-cell; }
@media only screen and (min-width: 600px) {
.is-hasimageside .crd-inner {
border-collapse: collapse;
display: table;
padding: 0;
min-height: inherit;
table-layout: fixed;
width: 100%; } }
.is-fakeHeightSet .crd-inner {
height: 100%; }
.is-mouseuser .crd-linkHit:hover + .crd-inner {
background-color: #3D7EDB;
color: #FFF; }
.is-mouseuser .crd-linkHit:hover + .crd-inner .crd-headinfo {
color: #FFF; }
.crd-image {
min-height: 100px; }
.crd-image img {
width: 100%; }
.is-card-video .crd-image {
position: relative;
height: 100%;
width: 100%; }
.is-card-video .crd-image:before {
-webkit-transition: background-color linear 0.2s;
transition: background-color linear 0.2s;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
overflow: hidden;
background-color: #3D7EDB;
color: #fff;
display: block;
font-size: 30px;
height: 84px;
left: 50%;
line-height: 84px;
margin-left: -42px;
margin-top: -42px;
position: absolute;
text-align: center;
top: 50%;
width: 84px; }
.is-card-video .crd-image:hover:before {
background-color: #1c4e96; }
.is-hasimageside .crd-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 200px; }
.is-fakeHeightSet .is-hasimageside .crd-image,
.is-fakeHeightSet .is-hasimageside .crd-image img {
height: 100%; }
@media only screen and (min-width: 600px) {
.is-hasimageside .crd-image {
display: table-cell;
vertical-align: top;
width: 52%; } }
@media only screen and (max-width: 599px) {
.is-hasimageside .crd-image {
display: block;
width: 100%; } }
@media only screen and (min-width: 48em) {
.is-hasimageside .crd-image {
height: 264px; } }
.crd-content {
padding: 1.25rem 1.5rem 2.5rem 1.5rem; }
.is-card-v2 .crd-content {
position: relative;
min-height: 204px; }
.is-card-service .crd-content {
padding: 1.875rem 2.875rem 1.875rem 0.9375rem;
min-height: 204px; }
.is-hasimageside .crd-content {
padding-left: 2.0625rem;
padding-right: 2.0625rem; }
@media only screen and (min-width: 600px) {
.is-hasimageside .crd-content {
display: table-cell;
vertical-align: middle; } }
.has-footInfo .crd-content {
padding-bottom: 3.375rem; }
.is-card-service .crd-action {
padding: 20px 0 30px 15px;
position: relative;
vertical-align: middle;
width: 60px; }
.crd-checkbox label {
display: block;
position: relative;
overflow: hidden;
height: 36px;
width: 36px; }
.crd-checkbox input[type="checkbox"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
left: inherit;
right: 100%; }
.crd-checkbox input[type="checkbox"]:checked::before {
color: #fff;
display: block;
font-size: 25px;
height: 36px;
position: absolute;
right: -40px;
top: 2px;
width: 36px;
z-index: 4; }
.crd-checkbox input[type="checkbox"]::after {
border-radius: 50%;
overflow: hidden;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
border: 3px solid #C6C6C6;
content: "";
display: block;
height: 36px;
width: 36px;
position: absolute;
top: -4px;
right: -36px;
z-index: 0; }
.is-color-1 .crd-checkbox input[type="checkbox"]:checked::after {
border-color: #E98300;
background-color: #E98300; }
.is-color-2 .crd-checkbox input[type="checkbox"]:checked::after {
border-color: #124F76;
background-color: #124F76; }
.is-color-3 .crd-checkbox input[type="checkbox"]:checked::after {
border-color: #14A085;
background-color: #14A085; }
.is-color-4 .crd-checkbox input[type="checkbox"]:checked::after {
border-color: #894B9D;
background-color: #894B9D; }
.is-color-5 .crd-checkbox input[type="checkbox"]:checked::after {
border-color: #E44A8F;
background-color: #E44A8F; }
.is-color-6 .crd-checkbox input[type="checkbox"]:checked::after {
border-color: #414042;
background-color: #414042; }
.crd-icon {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
overflow: hidden;
background-color: #3D7EDB;
bottom: 56px;
color: #fff;
display: block;
font-size: 22px;
height: 36px;
line-height: 36px;
position: absolute;
margin-left: 10px;
margin-top: 20px;
right: 35px;
text-align: center;
width: 36px; }
.is-color-1 .crd-icon {
background-color: #E98300; }
.is-color-2 .crd-icon {
background-color: #124F76; }
.is-color-3 .crd-icon {
background-color: #14A085; }
.is-color-4 .crd-icon {
background-color: #894B9D; }
.is-color-5 .crd-icon {
background-color: #E44A8F; }
.is-color-6 .crd-icon {
background-color: #414042; }
@media only screen and (max-width: 767px) {
.crd-icon {
bottom: 22px; } }
.crd-headinfo {
display: block;
font-size: 0.75rem;
color: #444444;
margin-bottom: 0.3125rem;
margin-top: 1.0625rem; }
.crd-footinfo {
position: absolute;
left: 1.5rem;
bottom: 1.25rem;
display: block;
font-size: 0.75rem;
line-height: normal;
/*.is-card-v2 & {
position: relative;
bottom: 0;
}*/ }
.is-card-hstate .crd-footinfo {
position: static;
margin-top: 15px; }
.is-mouseuser .crd-linkHit:hover + .crd-inner .crd-footinfo {
color: white; }
.crd-title {
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal;
line-height: 2.25rem;
margin: 0; }
.crd-title ~ .crd-caption {
padding-top: 10px; }
.is-card-service .crd-title {
font-weight: normal;
line-height: normal; }
.is-card-color .crd-title {
font-weight: normal;
line-height: normal;
padding-bottom: 18px; }
.crd-innercontent {
font-size: 0.9375rem; }
.is-card-hstate .crd-textWrap {
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-webkit-transform: translateY(0);
transform: translateY(0); }
.is-mouseuser .is-card-hstate .crd-linkHit:hover + .crd-inner .crd-textWrap {
-webkit-transform: translateY(-24px);
transform: translateY(-24px); }
.crd-caption {
font-size: 0.9375rem;
line-height: 1.5rem;
color: #444444; }
.is-mouseuser .crd-linkHit:hover + .crd-inner .crd-caption {
color: white; }
.crd-caption p {
font-size: 1.5rem;
line-height: 1.6em; }
.crd-caption ~ .crd-innercontent {
padding-top: 15px; }
.crd-button {
margin-top: 20px; }
.crd-list {
list-style: none;
margin: 0;
padding: 0; }
.crd-list > li > a {
display: inline-block;
padding: 5px 0;
line-height: normal; }
@media only screen and (max-width: 767px) {
.crd-list > li > a {
display: block; } }
.crd-list > li > a:hover {
text-decoration: underline; }
.crd-testy > .l-tablecell {
padding-top: 10px;
padding-bottom: 10px; }
.crd-testy-avatar {
width: 60px; }
.crd-img-avatar img {
border: 1px solid #fff;
max-width: 50px; }
.crsl {
margin: auto;
max-width: 800px; }
.crsl-inner {
color: #fff;
position: relative; }
.crsl-inner p {
margin: 0; }
.crsl-nav {
-webkit-transition: background-color linear .2s;
transition: background-color linear .2s;
background-color: rgba(255, 255, 255, 0.5);
color: #3D7EDB;
cursor: pointer;
display: block;
font-size: 1.25rem;
text-align: center;
padding-top: 0.625rem;
height: 3rem;
width: 3rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
margin-top: -1.125rem; }
.crsl-nav:hover {
background-color: #fff; }
.crsl-nav-right {
right: 0; }
@media only screen and (min-width: 48em) {
.crsl-nav-right {
right: 1.5rem; } }
.crsl-nav-left {
left: 0; }
@media only screen and (min-width: 48em) {
.crsl-nav-left {
left: 1.5rem; } }
.brcr {
border-top: 1px solid #DFDFDF;
background-color: #FFF; }
.brcr-list {
list-style-type: none;
background: transparent;
margin: auto;
padding-bottom: 0.375rem;
padding-left: 0;
overflow: hidden;
overflow-x: auto;
white-space: nowrap; }
.brcr-list > li + li:before {
content: ""; }
.brcr-item {
display: inline-block; }
.brcr-link {
font-size: 0.75rem; }
.brcr {
border-bottom: 1px solid #DFDFDF; }
.brcr--noBorderBot {
border-bottom: 0; }
.brcr-list > li + li:before {
display: inline-block;
color: #000;
font-size: 0.3125rem;
font-weight: bold;
padding: 0 2px; }
.brcr-item:last-child .brcr-link {
color: black; }
/**
UTILITY FUNCTIONS
**/
/*
Useful mixin for controlling nested selectors, when using trailing "&", like ".mysel &".
If just passing $sel, will append this to the existing selector, regardless of whether you are nested inside a trailing "&".
If passing $outer-sel as well, this will append to the specified $outer-sel with a space and then the specified $sel, followed by the rest of the existing selector.
Example 1:
.mywg {
&-cont {
.is-wide & {
a:hover {
background-color: black;
@include selWrap(".is-bright") {
background-color: yellow;
}
}
}
}
}
outputs:
.is-wide .skatebtn-cont a:hover { background-color: black; }
.is-wide.is-bright .skatebtn-cont a:hover { background-color: yellow; }
(note there is no space between ".is-wide" and ".is-bright")
Example 2:
.mywg {
&-cont {
.is-wide & {
a:hover {
background-color: black;
@include selWrap(".is-bright", ".is-wide") {
background-color: yellow;
}
}
}
}
}
outputs:
.is-wide .skatebtn-cont a:hover { background-color: black; }
.is-wide .is-bright .skatebtn-cont a:hover { background-color: yellow; }
(note the space between ".is-wide" and ".is-bright")
*/
/*
Useful for adding 'modifier' selecters (based on SUIT-CSS syntax)
Example 1:
.myWg {
&-childSel {
@include mod("--wide") {
background-color: yellow;
}
}
}
outputs:
.myWg--wide .myWg-childSel { background-color: yellow; }
*/
.hro-title, .hro-desc {
margin-bottom: 0; }
.hro-image {
background-image: url("../img/placeholders/broken-image.png");
background-color: #f3f2f1;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.hro-image img {
width: 100%; }
.hro-caption {
padding: 32px 48px 32px 24px; }
.hro-action {
padding-top: 20px; }
.hro-nav {
-webkit-transition: background-color linear .2s;
transition: background-color linear .2s;
background-color: rgba(255, 255, 255, 0.5);
color: #3D7EDB;
cursor: pointer;
display: block;
font-size: 1.25rem;
text-align: center;
padding-top: 0.625rem;
height: 3rem;
width: 3rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
margin-top: -1.125rem; }
.hro-nav-right {
right: 0; }
.hro-nav-left {
left: 0; }
.hro-list .slick-dots > li > button {
width: 100px;
height: 6px;
background-color: #DFDFDF;
border-radius: 0;
border: 0; }
.hro-list .slick-dots > li.slick-active > button {
background-color: #0073CF; }
.hro-caption {
background-color: #0073CF;
color: white; }
@media only screen and (min-width: 62em) {
.hro-caption {
vertical-align: middle;
width: 368px; } }
@media only screen and (min-width: 62em) {
.hro-image img {
min-height: 400px; } }
.hro-nav:hover {
background-color: #fff; }
@media only screen and (max-width: 29.9375em) {
.hro-list .slick-dots {
padding: 0; }
.hro-list .slick-dots > li {
width: 33.33333%;
padding: 12px 10px; }
.hro-list .slick-dots > li:first-child {
padding-left: 0; }
.hro-list .slick-dots > li:last-child {
padding-right: 0; }
.hro-list .slick-dots > li > button {
width: 100%; } }
.srch {
background-color: #003F72;
padding: 20px 15px; }
.srch-content {
margin: auto; }
@media only screen and (max-width: 991px) {
.srch-content {
text-align: center; } }
.srch-grid {
padding: 10px;
vertical-align: middle; }
.srch-label {
color: #fff;
font-size: 1.875rem;
margin-bottom: 0;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal; }
.srch-inputWrap {
position: relative; }
.srch-input {
background-color: transparent;
border: none;
border-bottom: 2px solid #fff;
border-radius: 0;
color: #fff;
font-size: 1.25rem;
padding-bottom: 4px;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
.srch-input:focus {
border-color: #fff !important; }
.srch-select {
min-width: 230px;
text-align: left; }
.srch-suggestions {
background-color: white;
max-height: none;
overflow: visible;
margin-top: 0.75rem;
padding-top: 0.625rem; }
.srch-suggestion {
padding: 1.125rem 1.5rem;
font-size: 0.875rem;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
.srch-suggestion b {
color: black; }
@media only screen and (min-width: 62em) {
.srch-label2 {
max-width: 20%; } }
@media only screen and (min-width: 62em) {
.srch-input2 {
max-width: 80%; } }
@media only screen and (max-width: 61.9375em) {
.srch-grid {
max-width: 400px;
margin: 0 auto; } }
.srch-grid1 {
min-width: 175px; }
.srch-inputWrap {
display: inline-block; }
@media only screen and (max-width: 61.9375em) {
.srch-inputWrap {
display: block;
padding-left: 2.5rem; }
.srch-inputWrap .srch-label {
position: absolute;
left: 0;
top: -0.375rem; } }
.srch-input {
margin-left: 0.625rem; }
@media only screen and (max-width: 61.9375em) {
.srch-input {
width: 100%;
margin-left: 0; } }
.srch-suggestions:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid rgba(0, 0, 0, 0.1);
left: 1.5rem;
top: -0.75rem; }
.srch-suggestions:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid white;
left: 1.5625rem;
top: -0.625rem; }
.srch-suggestion.selected {
background-color: #E2EFFA; }
.ctBx {
background-color: #0073CF; }
.ctBx-content {
padding: 25px 20px 10px; }
.ctBx-title {
color: white;
margin-bottom: 27px;
font-size: 1.25rem; }
.ctBx-btn {
margin-bottom: 24px; }
.artBx {
background-color: white; }
.artBx-content {
padding: 25px 35px 10px; }
.artBx-desc {
padding-top: 10px; }
.artBx-para {
line-height: 24px;
margin-bottom: 11px; }
.lnPn {
background-color: #E0DED8; }
.lnPn-content {
padding: 25px; }
.lnPn-linkList {
list-style-type: none;
margin: 0;
padding-left: 0;
padding-top: 8px; }
.lnPn-item {
padding: 7px 0; }
.lnPn-link {
font-weight: bold;
font-size: 16px; }
body.is-mbMenuOpen {
overflow-y: hidden; }
.gTrans.goog-te-menu-frame {
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
margin-top: 0.875rem; }
.appWrap > .main-content {
padding-top: 0 !important; }
.apHd {
background-color: white;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
.apHd-row1, .apHd-row2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.apHd-row1 {
padding-top: 10px;
padding-bottom: 0; }
.apHd-row2 {
background-color: white;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.apHd-searchWrap {
position: relative; }
.apHd-mbVersion {
background-color: white;
height: 78px;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.apHd-hr {
max-width: 1198px;
border-color: #DFDFDF; }
.apHd-mbSearch {
float: left;
margin-top: 10px;
margin-bottom: 20px; }
.apHd-smallNavItem {
font-size: 0.75rem;
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #003F72; }
.apHd-controlsCol {
padding-left: 0.5625rem;
padding-right: 0.5625rem;
border-left: 1px solid #DFDFDF; }
.apHd-controlsCol:first-child {
border-left: none; }
.apHd-fontWrap {
min-width: 5.625rem;
text-align: center;
background-color: red; }
.apHd-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.apHd-logoCol {
width: 299px;
min-width: 299px; }
.apHd-logoColMb {
padding-left: 15px;
width: 250px; }
.apHd-bigNavCol {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 20px; }
.apHd-bigNavItem {
-webkit-transform: none !important;
transform: none !important;
display: block;
color: #3D7EDB;
font-weight: bold;
font-size: 1.125rem; }
.apHd-logoBtn, .apHd-logoImage {
display: block;
width: 100%; }
.apHd-top {
position: relative; }
.apHd-btnPrint {
font-size: 0.875rem;
display: block;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
padding-right: 0; }
.apHd-btnTour {
font-size: 0.75rem;
display: block;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
float: left; }
.apHd-iconPrint {
font-size: 0.8125rem; }
.apHd-btnSearch {
color: #3D7EDB;
padding: 0;
font-size: 1.25rem;
display: block;
width: 2.1875rem;
height: 1.5625rem;
text-decoration: none !important; }
.apHd-btnSearch:after {
content: "";
position: absolute;
top: -10px;
right: -9px;
width: 55px;
height: 46px;
background-color: #51626F; }
.apHd-btnSearchIcon1, .apHd-btnSearchIcon2 {
position: relative !important;
z-index: 10; }
.apHd-btnSearchIcon2 {
font-size: 0.8125rem;
color: white !important;
padding-top: 2px; }
.apHd-btnTel {
font-size: 1.125rem;
float: left;
display: block;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
.apHd-btnPhone {
font-family: "Montserrat", sans-serif;
font-weight: 700;
color: #003F72;
position: relative; }
.apHd-btnPhone .ulOffset {
border-color: #003F72; }
.apHd-iconFontDown, .apHd-iconFontUp {
font-size: 0.75rem; }
.apHd-iconFontUp {
padding-left: 1px; }
.apHd-btnFontDown, .apHd-btnFontUp {
display: block;
float: left; }
.apHd-font {
font-size: 0.75rem;
display: block;
float: left;
margin: 0 6px;
-webkit-transform: translateY(3px);
transform: translateY(3px); }
.apHd-lang {
position: relative; }
.apHd-gTrans {
background-color: aliceblue;
position: relative; }
.apHd-gTrans .goog-te-gadget img {
display: none; }
.apHd-gTrans .goog-te-gadget-simple {
width: 100%;
border: 0;
padding: 0;
display: block; }
.apHd-gTrans .goog-te-gadget-simple:before {
content: ""; }
.apHd-gTrans .goog-te-gadget-simple .goog-te-menu-value {
margin: 0;
line-height: 1.25rem; }
.apHd-gTrans .goog-te-gadget-simple .goog-te-menu-value span {
font-size: 0.875rem;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
padding-right: 1rem;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
.apHd-menu {
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
.apHd-menuBtn {
font-size: 1.75rem;
color: #3D7EDB;
border-radius: 0;
-webkit-transform: none !important;
transform: none !important;
box-shadow: none !important; }
.apHd-menuBtnWrap {
position: absolute;
right: 0;
top: 50%;
z-index: 60;
-webkit-transition: -webkit-transform .3s ease-in;
transition: -webkit-transform .3s ease-in;
transition: transform .3s ease-in;
transition: transform .3s ease-in, -webkit-transform .3s ease-in;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.apHd-searchBar {
position: absolute;
left: 15px;
right: 15px;
z-index: 1;
top: 10px;
margin-left: -1px; }
.apHd-mbMenuOverlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
display: block;
border: none;
cursor: pointer;
background-color: rgba(255, 0, 0, 0.3);
opacity: 0;
position: fixed;
background-color: rgba(0, 0, 0, 0.3);
z-index: 50; }
.apHd-searchForm {
-webkit-transition: width .3s;
transition: width .3s; }
.apHd-searchFormWrap {
position: relative;
border: 1px solid #009FDA;
border-radius: 4px;
font-size: 14px;
background-color: #eff8ff; }
.apHd-searchFormInput {
width: 100%;
background: none;
border: 0; }
.apHd-searchFormBtn {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #009FDA;
font-size: 1rem; }
.apHd-searchFormBtn:hover {
color: #009FDA; }
.apHd-row3 {
background-color: #003F72;
margin-top: 10px; }
.apHd-mainLinkList {
list-style: none;
padding-left: 0;
margin-bottom: 0; }
.apHd-mainLinkItem {
position: relative; }
.apHd-mainLink {
font-family: "Montserrat", sans-serif;
font-weight: 500;
display: block;
-webkit-transition: background-color .4s;
transition: background-color .4s; }
.apHd-mainLinkIcon {
font-size: 11px; }
.apHd-ddMenu {
margin-top: 0;
border-radius: 0;
border: 0; }
ul.apHd-ddMenu > li .apHd-ddLink {
font-family: "Montserrat", sans-serif;
font-weight: 500;
display: block;
-webkit-transition: background-color .3s;
transition: background-color .3s; }
@media only screen and (min-width: 62em) {
.is-sticky .apHd {
position: fixed;
width: 100%;
z-index: 70;
top: 0;
left: 0;
padding: 0.625rem 0 0;
box-shadow: -5px 3px 8px 0 rgba(0, 0, 0, 0.2); } }
.is-sticky .apHd {
box-shadow: -5px 3px 8px 0 rgba(0, 0, 0, 0.2); }
.is-mbMenuOpen .apHd {
-webkit-transform: translateX(-270px);
transform: translateX(-270px); }
@media only screen and (max-width: 61.9375em) {
.apHd {
position: fixed;
width: 100%;
z-index: 70;
top: 0; } }
.apHd-dtVersion {
display: none; }
@media only screen and (min-width: 62em) {
.apHd-dtVersion {
display: block; } }
.apHd-dtVersion .apHd-mbSearch {
display: none; }
.apHd-mbVersion {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (min-width: 62em) {
.apHd-mbVersion {
display: none; } }
.apHd-row2 {
padding-top: 15px;
padding-bottom: 20px; }
@media only screen and (min-width: 62em) {
.apHd-row2 {
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
-webkit-transition-property: padding-top padding-bottom;
transition-property: padding-top padding-bottom; } }
@media only screen and (min-width: 62em) {
.is-sticky .apHd-row2 {
padding-top: 0;
padding-bottom: 0; } }
@media only screen and (max-width: 61.9375em) {
.apHd-smallNav {
margin-top: 20px;
margin-bottom: 20px; } }
@media only screen and (min-width: 62em) {
.apHd-smallNavCol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; } }
.apHd-smallNavItem {
padding-right: 1rem; }
@media only screen and (max-width: 61.9375em) {
.apHd-smallNavItem {
display: block;
padding-top: 0.625rem; } }
@media only screen and (min-width: 62em) {
.apHd-smallNavItem {
padding-right: 0;
padding-left: 1.875rem; } }
@media only screen and (min-width: 62em) {
.apHd-bigNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; } }
@media only screen and (min-width: 62em) {
.apHd-bigNavCol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; } }
.apHd-bigNavItem {
padding: 0.625rem 0; }
@media only screen and (min-width: 62em) {
.apHd-bigNavItem {
padding: 1.125rem;
padding-bottom: 0.6875rem;
text-align: center; } }
@media only screen and (max-width: 81.1875em) {
.ie-msie11 .apHd-bigNavItem,
.ie-msie10 .apHd-bigNavItem {
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.apHd-content {
padding: 10px 0 20px; }
.is-sticky .apHd-content {
padding: 10px 0; }
@media only screen and (min-width: 62em) {
.is-sticky .apHd-content {
padding: 0; } }
.apHd-mbMenuOverlay {
-webkit-transition: opacity 0.5s linear;
transition: opacity 0.5s linear; }
body:not(.is-mbMenuOpen) .apHd-mbMenuOverlay {
opacity: 0;
display: none; }
.is-mbMenuOpen .apHd-mbMenuOverlay {
opacity: 1;
display: block; }
body.adrift .apHd-mbMenuOverlay {
display: block !important; }
@media only screen and (max-width: 61.9375em) {
.apHd-row1 {
display: none; } }
@media only screen and (min-width: 62em) {
.is-sticky .apHd-row1 {
display: none; } }
@media only screen and (min-width: 62em) {
.is-sticky .apHd-hr {
display: none; } }
.apHd-btnSearch {
-webkit-transition: none;
transition: none;
-webkit-transform: none !important;
transform: none !important; }
.is-mouseuser .apHd-btnSearch:hover:not([disabled]) {
color: black; }
.is-touchuser .apHd-btnSearch:focus:not([disabled]), .is-mouseuser .apHd-btnSearch:focus:not([disabled]) {
outline: 0;
color: black; }
.is-touchuser .apHd-btnSearch:active:not([disabled]) {
color: black; }
.apHd-btnSearch:after {
display: none; }
.is-searchOpen .apHd-btnSearch:after {
display: block; }
.is-searchOpen .apHd-btnSearch {
background-color: #51626F;
color: white; }
.is-searchOpen .apHd-btnSearchIcon1 {
display: none !important; }
.apHd-btnSearchIcon2 {
display: none !important; }
.is-searchOpen .apHd-btnSearchIcon2 {
display: block !important; }
.apHd-btnTelIcon {
color: #003F72;
font-size: 0.75rem; }
@media only screen and (min-width: 62em) {
.apHd-btnTelIcon {
margin-top: -0.1875rem;
font-size: 1.0625rem; } }
.apHd-btnPhone {
font-size: 0.75rem;
padding-left: 16px; }
@media only screen and (min-width: 62em) {
.apHd-btnPhone {
font-size: 1.25rem;
padding-left: 20px; } }
.apHd-lang {
width: 150px;
min-width: 150px; }
@media only screen and (max-width: 1199px) {
.apHd-lang {
width: 130px;
min-width: 130px; } }
.apHd-gTrans .goog-te-gadget-simple:before {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #3D7EDB; }
.apHd-btnTel {
margin-top: 1.0625rem; }
@media only screen and (max-width: 81.1875em) and (min-width: 62em) {
.apHd-btnTel {
display: none; } }
@media only screen and (min-width: 62em) {
.apHd-btnTel {
margin-top: 0;
margin-left: 0.625rem; } }
.apHd-linkList {
margin-top: 1.875rem; }
@media only screen and (min-width: 62em) {
.apHd-linkList {
margin-top: 0.3125rem;
float: left;
max-width: 42%; } }
.apHd-linkItem {
padding: 0.3125rem 0; }
@media only screen and (min-width: 62em) {
.apHd-linkItem {
display: inline-block;
padding: 0 0.625rem 0 0;
float: left; } }
.apHd-divider {
margin: 10px -20px 20px; }
@media only screen and (max-width: 1199px) {
.apHd-divider {
margin: 10px 0 20px; } }
@media only screen and (max-width: 991px) {
.apHd-divider {
display: none; } }
.apHd-logoImage {
-webkit-transition: max-width 0.3s ease-out;
transition: max-width 0.3s ease-out; }
@media only screen and (min-width: 62em) {
.is-sticky .apHd-logoImage {
max-width: 200px; } }
.apHd-menu {
position: fixed;
top: 0;
right: -270px;
width: 270px;
height: 100%;
padding: 1.125rem 0.625rem 0.9375rem 1.5625rem; }
@media only screen and (max-width: 61.9375em) {
.apHd-menu {
background-color: #FFF;
z-index: 51; } }
@media only screen and (min-width: 62em) {
.apHd-menu {
position: static;
width: auto;
padding: 0;
height: auto; } }
.is-mbMenuOpen .apHd-menu {
-webkit-transform: translateX(-270px);
transform: translateX(-270px); }
@media only screen and (max-width: 61.9375em) {
.is-sticky .apHd-menu {
padding-top: 0.9375rem; } }
.apHd-menuBtn {
background-color: white; }
.apHd-menuBtn:focus {
outline: none !important;
background-color: #e0ebf6; }
@media only screen and (min-width: 62em) {
.apHd-menuBtn {
display: none; } }
.apHd-menuBtn:hover, .apHd-menuBtn:active, .apHd-menuBtn:focus {
color: #3D7EDB; }
.apHd-menuBtn:before {
content: '';
display: block;
width: 100%;
height: 100%; }
.apHd-searchBar {
display: none; }
.is-searchOpen .apHd-searchBar {
display: block; }
.apHd-mbAction {
padding-top: 1.875rem; }
@media only screen and (min-width: 62em) {
.apHd-mbAction {
display: none; } }
.apHd-searchFormWrap {
padding: 6px 35px 6px 10px; }
@media only screen and (min-width: 62em) {
.apHd-searchFormWrap {
padding: 6px 35px 6px 20px; } }
.apHd-searchForm {
margin-top: 1.25rem; }
.apHd-searchForm.is-focus {
width: 100%; }
@media only screen and (min-width: 62em) {
.apHd-searchForm {
margin-left: 2.5rem;
margin-top: 0;
width: 275px; } }
@media only screen and (min-width: 62em) {
.apHd-mainNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
@media only screen and (min-width: 62em) {
.apHd-mainLinkList {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.apHd-mainLinkListBtn {
margin-bottom: 20px;
margin-top: 10px; }
@media only screen and (min-width: 62em) {
.apHd-mainLinkListBtn {
margin-bottom: 0;
margin-top: 0; } }
@media only screen and (min-width: 62em) {
.apHd-mainLinkItem:hover {
-webkit-transform: none;
transform: none;
background-color: #0073CF; } }
@media only screen and (min-width: 62em) {
.apHd-mainLinkListBtn .apHd-mainLinkItem {
background-color: #02579d; }
.apHd-mainLinkListBtn .apHd-mainLinkItem::before {
content: '';
position: absolute;
top: 25%;
bottom: 25%;
left: -1px;
width: 2px;
background-color: rgba(0, 0, 0, 0.2); }
.apHd-mainLinkListBtn .apHd-mainLinkItem:first-child:before {
content: none; } }
.apHd-mainLink {
color: #003F72;
font-size: 0.75rem;
font-weight: 700;
padding: 10px 0 0;
position: relative;
display: inline-block; }
@media only screen and (min-width: 62em) {
.apHd-mainLink {
color: #FFF;
display: block;
font-size: 0.9375rem;
padding: 20px;
font-weight: 400; }
.apHd-mainLinkListBtn .apHd-mainLink {
text-transform: uppercase; } }
@media only screen and (min-width: 81.25em) {
.apHd-mainLink {
padding: 20px 30px; } }
.apHd-mainLinkIcon {
display: inline-block;
padding: 10px 20px 10px 10px; }
@media only screen and (min-width: 62em) {
.apHd-mainLinkIcon {
display: none; } }
.is-active .apHd-mainLinkIcon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
padding: 10px 10px 10px 20px; }
@media only screen and (max-width: 61.9375em) {
.apHd-ddMenu {
position: static;
box-shadow: none;
padding-top: 0;
float: none; } }
@media only screen and (min-width: 62em) {
.apHd-ddMenu {
background-color: #003F72;
width: 25rem;
padding: 10px 0 30px; }
.apHd-ddMenu.dropdown-menu-right {
text-align: right; } }
ul.apHd-ddMenu > li .apHd-ddLink {
padding: 5px 10px 5px 25px;
font-size: 12px;
color: #0073CF; }
@media only screen and (min-width: 62em) {
ul.apHd-ddMenu > li .apHd-ddLink {
background-color: #003F72;
color: #FFF;
font-size: 15px;
padding: 23px 25px 0 49px; }
ul.apHd-ddMenu > li .apHd-ddLink:hover {
background-color: #0073CF;
color: #FFF; }
ul.apHd-ddMenu > li .apHd-ddLink::after {
content: '';
display: block;
height: 2px;
border-bottom: 2px solid #fff;
margin-top: 13px;
opacity: .29; } }
@media only screen and (min-width: 62em) {
ul.apHd-ddMenu.dropdown-menu-right > li .apHd-ddLink {
padding: 23px 49px 0 25px; } }
.srcBr-content {
position: relative; }
.srcBr-input {
display: block;
width: 100%;
border: 1px solid #c6c6c6;
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal; }
.srcBr-input::-webkit-input-placeholder {
color: gray; }
.srcBr-input:-moz-placeholder {
color: gray; }
.srcBr-input::-moz-placeholder {
color: gray; }
.srcBr-input:-ms-input-placeholder {
color: gray; }
.srcBr-btn {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #3D7EDB;
background-color: transparent;
font-size: 1.25rem;
border: 0;
padding: 0; }
.srcBr--header .srcBr-content {
background-color: #51626F;
padding: 3.125rem 6%; }
.srcBr-input {
height: 3.125rem;
font-size: 1.5625rem;
padding: 3px 42px 0 15px; }
@media only screen and (min-width: 48em) {
.srcBr-input {
height: 5.25rem;
font-size: 3rem;
padding: 0 55px 0 20px; } }
.srcBr-input:focus {
box-shadow: none;
outline: none; }
.srcBr-input::-ms-clear {
display: none; }
.srcBr--header .srcBr-input {
border: 0;
border-bottom: 4px solid rgba(255, 255, 255, 0.3);
background-color: transparent;
color: white;
padding-right: 3.75rem; }
.srcBr--mb .srcBr-input {
height: 2.75rem;
font-size: 1rem;
padding: 0 0.625rem; }
.srcBr-btn {
right: 0.625rem; }
@media only screen and (min-width: 48em) {
.srcBr-btn {
right: 1.25rem; } }
.srcBr--header .srcBr-btn {
color: rgba(255, 255, 255, 0.3);
font-size: 2.875rem;
right: 6%; }
.prTl-title {
font-size: 1.875rem; }
.prTl-descWrap {
padding-top: 0.875rem; }
.prTl-desc {
font-size: 0.9375rem;
color: #444444; }
.prTl-list {
list-style-type: none;
padding-left: 0;
margin-bottom: 0; }
.prTl-link {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
padding: 0.375rem 0; }
.prTl-link a {
font-size: 1rem;
display: block;
color: black; }
.prTl {
background-color: #E0DED8; }
.is-fakeHeightSet .prTl {
height: 100%; }
.prTl--clr1 {
background-color: #69923A;
color: white; }
.prTl-content {
padding: 2.125rem; }
.prTl--clr1 .prTl-link a {
color: white; }
.pgn {
padding: 20px 10px;
text-align: center; }
.pgn-list {
display: inline-block;
list-style: none;
margin: auto;
padding: 0;
width: initial; }
.pgn-item {
float: left;
display: block;
margin: 2px 1px; }
.pgn-link, .pgn-prev, .pgn-next, .pgn-ellipsis {
-webkit-transition: background-color linear .3s, color linear .3s;
transition: background-color linear .3s, color linear .3s;
color: #000;
display: block;
font-size: 1.25rem;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
line-height: 48px;
height: 48px;
padding: 0 5px;
min-width: 48px;
text-align: center;
text-decoration: none; }
.pgn-link:focus, .pgn-link:hover, .pgn-prev:focus, .pgn-prev:hover, .pgn-next:focus, .pgn-next:hover, .pgn-ellipsis:focus, .pgn-ellipsis:hover {
color: #3D7EDB;
text-decoration: none; }
.pgn-link.current, .pgn-prev.current, .pgn-next.current, .pgn-ellipsis.current {
background-color: #65646A;
cursor: default;
color: #fff; }
.pgn-prev:before, .pgn-next:before {
font-size: 1.9375rem;
display: block;
position: absolute;
top: 0px;
left: 15px; }
.pgn-ellipsis:before {
font-size: 1rem;
position: absolute;
top: 0px;
left: 18px; }
.pgn-prev, .pgn-next, .pgn-ellipsis {
padding: 5px;
position: relative; }
.pgn-prev:before, .pgn-next:before, .pgn-ellipsis:before {
display: block; }
.pgn-prev {
color: #3D7EDB;
margin-right: 20px; }
.pgn-prev:before {
content: ""; }
.pgn-prev.disabled {
cursor: default;
opacity: 0.3; }
.pgn-next {
color: #3D7EDB;
margin-left: 20px; }
.pgn-next:before {
content: ""; }
.pgn-next.disabled {
cursor: default;
opacity: 0.3; }
.pgn-ellipsis {
font-size: 0.8125rem;
font-weight: 100;
padding-top: 28px; }
.pgn-ellipsis:before {
content: ""; }
.sdNv-navList {
padding-left: 0;
display: block;
width: 100%; }
.sdNv-hdr {
padding: 0.25rem 0.625rem 0.9375rem;
text-align: left;
color: #4F5357;
margin-bottom: 0; }
.sdNv-navItem {
list-style: none;
list-style-type: none;
text-align: left; }
.sdNv-navBtn {
/*
* Removes inner padding and border in Firefox 4+.
*/
-webkit-appearance: none;
overflow: visible;
font: inherit;
font-size: 1rem;
text-transform: none;
margin: 0;
display: inline-block;
box-sizing: border-box;
padding: 0 12px;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.15s linear;
transition: background-color 0.15s linear;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.5rem;
min-height: 1.5rem;
text-decoration: none;
text-align: center;
cursor: default;
/*
Has transparent border because :focus adds 1px border.
Border used, instead of outline, because it preserves border-radius.
*/
border-radius: 0;
border: 1px solid transparent;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
font-size: 0.9375rem;
display: block;
color: #000;
border-top: 1px solid #DFDFDF;
text-align: left; }
.sdNv-navBtn::-moz-focus-inner {
border: 0;
padding: 0; }
.ie-msie9 .sdNv-navBtn {
word-break: break-all; }
.sdNv-navBtn:not([disabled]):not(.no-btn) {
cursor: pointer; }
.sdNv-navBtn[disabled] {
pointer-events: none; }
.sdNv-navBtn.is-processing {
cursor: not-allowed !important;
opacity: 0.6 !important; }
.sdNv-navBtn.no-click {
cursor: not-allowed !important;
pointer-events: none !important; }
.is-mouseuser .sdNv-navBtn:hover:not([disabled]) {
color: #FFF;
background-color: #003F72; }
.is-touchuser .sdNv-navBtn:focus:not([disabled]), .is-mouseuser .sdNv-navBtn:focus:not([disabled]) {
outline: 0;
color: #FFF;
background-color: #003F72; }
.is-touchuser .sdNv-navBtn:focus:not([disabled]), .is-mouseuser .sdNv-navBtn:focus:not([disabled]) {
outline: 0;
text-decoration: underline; }
.is-touchuser .sdNv-navBtn:active:not([disabled]) {
color: #FFF;
background-color: #003F72; }
.sdNv-navBtn.is-selected {
color: #FFF;
background-color: #003F72; }
.sdNv-navBtnWrap {
position: relative; }
.sdNv-icon {
font-size: 0.75rem;
margin-top: -0.4375rem;
position: absolute;
right: 0.625rem;
top: 50%;
color: #3D7EDB; }
@media print {
.sdNv {
display: none; } }
.is-mb .sdNv-dtNav {
display: none; }
@media only screen and (max-width: 47.9375em) {
.is-mbInit .sdNv-dtNav {
height: 0;
width: 100%;
opacity: 0;
overflow: hidden;
display: block; } }
.sdNv-mbNav {
display: none; }
.is-mb .sdNv-mbNav {
display: block; }
.sdNv-navBtn {
padding: 1.0625rem 0.75rem; }
.is-mouseuser .no-callback .sdNv-navBtn {
cursor: pointer !important; }
.is-selected .sdNv-icon {
-webkit-transform: scaleY(-1) translateY(-3px);
transform: scaleY(-1) translateY(-3px);
-webkit-transform-origin: center;
transform-origin: center; }
.smVd-content {
position: relative;
background-color: #DFDFDF; }
.smVd-cover {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 10; }
.smVd-coverImg {
width: 100%;
visibility: hidden; }
.smVd-videoWrap {
position: relative;
padding-top: 30px;
height: 0;
overflow: hidden;
padding-bottom: 56.25%; }
.smVd-videoWrap iframe, .smVd-videoWrap object, .smVd-videoWrap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.smVd-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
color: white;
font-size: 2.125rem; }
.smVd-embedItem {
border: 0; }
.smVd-cover {
display: block; }
.is-playing .smVd-cover {
display: none;
opacity: 0; }
.smVd-coverImg {
min-height: 200px; }
@media only screen and (min-width: 48em) {
.smVd-coverImg {
min-height: 400px; } }
.has-ytImage .smVd-coverImg {
min-height: 0; }
.smVd-videoWrap {
display: none; }
.is-playing .smVd-videoWrap {
display: block; }
.smVd-play {
background-color: #3D7EDB; }
.smVd-play:hover {
background-color: #1c4e96; }
.smVd-playIcon:before {
margin-left: 0.375rem; }
.adrMp {
background-color: #616365;
color: #fff; }
.adrMp-content {
padding: 30px 25px 35px; }
.adrMp-title {
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal;
font-size: 20px; }
.adrMp-address {
font-size: 15px;
padding: 15px 0 18px;
line-height: 24px;
margin-bottom: 0; }
.adrMp-map {
height: 194px; }
.dpLs {
position: relative;
font-size: 0.875rem; }
.dpLs--inText {
display: inline-block;
margin-left: 4px;
margin-right: 4px; }
.dpLs-sel {
display: none; }
.dpLs-selOpt {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
line-height: 20px;
border: 1px solid #dfdfdf;
position: relative;
cursor: pointer;
z-index: 10; }
.dpLs-selOptWrap {
position: relative; }
.dpLs-dropDown {
position: relative;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
background-color: white;
margin-top: 12px; }
.dpLs-opt {
padding: 20px 24px;
cursor: pointer; }
.dpLs--slim .dpLs-opt {
padding: 14px 16px; }
.dpLs-btnOption {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
pointer-events: none; }
.dpLs-arrowIcon {
position: absolute;
right: 12px;
pointer-events: none;
z-index: 20; }
.dpLs--gray {
background-color: #616365; }
.dpLs--blue {
background-color: #003F72; }
.dpLs.is-initializing {
height: 52px;
border: 1px solid; }
.dpLs.is-initializing * {
opacity: 0; }
.dpLs.is-initializing.dpLs--gray {
background-color: #616365; }
.dpLs.is-initializing.dpLs--blue {
background-color: #003F72; }
.dpLs.is-initializing.dpLs--noBorder {
border: none; }
.dpLs.is-initializing.dpLs--white {
color: white;
border-color: white; }
.dpLs.is-initializing.dpLs--blueArrow {
border-color: #3D7EDB; }
.dpLs-dropDown {
display: none;
padding: 12px 0; }
.open .dpLs-dropDown {
display: block; }
.dpLs-dropDown:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid rgba(0, 0, 0, 0.1);
left: 24px;
top: -12px; }
.dpLs-dropDown:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-bottom: 11px solid white;
left: 25px;
top: -10px; }
.dpLs--noArrow .dpLs-dropDown {
padding: 0 1px 1px;
margin-top: 0; }
.dpLs--noArrow .dpLs-dropDown:before, .dpLs--noArrow .dpLs-dropDown:after {
display: none; }
.dpLs--longList .dpLs-dropDown {
max-height: 160px;
overflow-y: scroll; }
.dpLs--overlay .dpLs-dropDown {
position: absolute;
z-index: 6;
width: 100%; }
.dpLs--inForm .dpLs-dropDown {
margin-top: 0; }
.dpLs-selOpt {
padding: 12px;
padding-right: 1.875rem; }
.dpLs-selOpt:active, .dpLs-selOpt:focus {
outline: none; }
.open .dpLs-selOpt {
border-color: #E2EFFA; }
.dpLs--truncate .dpLs-selOpt {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dpLs--noBorder .dpLs-selOpt {
border: none; }
.dpLs--white .dpLs-selOpt {
color: white;
border-color: white; }
.dpLs--blueArrow .dpLs-selOpt {
border-color: #3D7EDB; }
.dpLs--xl .dpLs-selOpt {
padding: 0.9375rem;
padding-right: 2.5rem; }
.dpLs--xl.dpLs--textSm .dpLs-selOpt {
padding-top: 1.1875rem; }
.dpLs--xl:not(.dpLs--textSm) .dpLs-selOpt {
font-size: 1.25rem; }
.dpLs--borderBot .dpLs-selOpt {
border-width: 0 0 2px;
padding-top: 0.625rem;
padding-bottom: 0.25rem;
padding-left: 1px; }
.dpLs--tightBorderBot .dpLs-selOpt {
padding-bottom: 0; }
.dpLs--xl.dpLs--tightBorderBot .dpLs-selOpt {
padding-bottom: 2px; }
.dpLs--noBold .dpLs-selOpt {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
color: #444; }
.dpLs--inForm .dpLs-selOpt {
padding-top: 1rem;
padding-left: 0.625rem;
padding-bottom: 0.9375rem;
background-color: #FFF;
border-color: #c6c6c6; }
.dpLs-opt.highlighted {
background-color: rgba(226, 239, 250, 0.5); }
.dpLs--gray .dpLs-opt.highlighted {
background-color: rgba(97, 99, 101, 0.5);
color: #FFF; }
.dpLs--blue .dpLs-opt.highlighted {
background-color: rgba(0, 63, 114, 0.5);
color: #FFF; }
.dpLs-opt.ticked {
background-color: #E2EFFA; }
.dpLs--gray .dpLs-opt.ticked {
background-color: #616365;
color: #FFF; }
.dpLs--blue .dpLs-opt.ticked {
background-color: #003F72;
color: #FFF; }
.dpLs-opt.ticked {
cursor: default !important; }
.dpLs-arrowIcon {
font-size: 1rem;
top: 50%;
margin-top: -0.625rem; }
.open .dpLs-arrowIcon {
-webkit-transform: scale(-1);
transform: scale(-1);
-webkit-transform-origin: center;
transform-origin: center; }
.dpLs--blueArrow .dpLs-arrowIcon {
color: #3D7EDB; }
.dpLs--white .dpLs-arrowIcon {
color: white; }
.dpLs--xl .dpLs-arrowIcon {
margin-top: -0.75rem; }
.dpLs--borderBot .dpLs-arrowIcon {
margin-top: -0.5rem;
right: 0; }
.dpLs--tightBorderBot .dpLs-arrowIcon {
margin-top: -0.4375rem; }
.dpLs--bigChevron .dpLs-arrowIcon {
font-size: 1.25rem;
margin-top: -0.8125rem; }
.dpLs--bigChevron.dpLs--xl .dpLs-arrowIcon {
margin-top: -0.75rem; }
.dpLs--bigChevron.dpLs--borderBot .dpLs-arrowIcon {
margin-top: -0.6875rem; }
.main-footer {
color: #fff; }
.main-footer li, .main-footer a {
font-size: 1rem; }
.main-footer a {
color: #fff; }
.main-footer a:focus {
color: #fff;
text-decoration: none; }
.main-footer a:hover {
color: #fff;
text-decoration: underline; }
@media only screen and (max-width: 767px) {
.main-footer .text-right {
text-align: left; } }
.foot-sitemap {
background-color: #65646A;
padding-top: 40px;
padding-bottom: 40px; }
@media only screen and (max-width: 480px) {
.foot-sitemap [class^="col-"],
.foot-sitemap [class*="col-"] {
width: 100%; } }
.foot-list {
list-style: none;
margin: 0;
padding: 0; }
.foot-list-inline {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
width: initial; }
.foot-list-inline:before, .foot-list-inline:after {
content: " ";
display: table; }
.foot-list-inline:after {
clear: both; }
.foot-list-inline > li {
float: left;
padding-top: 10px;
padding-bottom: 10px; }
.foot-list-inline > li:not(:first-child) {
padding-left: 20px; }
@media only screen and (max-width: 480px) {
.foot-list-inline > li {
display: block;
text-align: center; } }
.foot-bar {
background-color: #414042;
padding-top: 20px;
padding-bottom: 20px; }
.foot-menu li, .foot-menu a {
font-size: 0.8125rem;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif; }
@media only screen and (min-width: 48em) {
.foot-menu {
padding-top: 6px; } }
.foot-socmed [class*="icon-"],
.foot-socmed [class^="icon-"] {
display: block;
font-weight: normal;
font-size: 1.125rem; }
.foot-copyright {
display: block;
font-size: 0.6875rem;
line-height: normal; }
@media only screen and (max-width: 47.9375em) {
.foot-copyright {
line-height: 2.2; } }
.foot-iconCol {
margin-bottom: 10px; }
@media only screen and (min-width: 48em) {
.foot-iconCol {
margin-bottom: 0;
float: right;
padding-left: 0; } }
.foot-iconItem {
padding-left: 10px;
padding-right: 10px; }
@media only screen and (min-width: 48em) {
.foot-iconItem {
padding-top: 0 !important; } }
@media only screen and (max-width: 61.9375em) and (min-width: 48em) {
.foot-iconItem:not(:first-child) {
padding-left: 10px !important; } }
@media only screen and (max-width: 47.9375em) {
.foot-bottomLinks {
margin-bottom: 15px; } }
@media only screen and (max-width: 47.9375em) {
.foot-bottomLinkItem {
text-align: left;
display: block;
clear: left;
padding: 4px 0 !important; } }
@media only screen and (min-width: 48em) {
.foot-bottomLinkItem {
padding-top: 0 !important; } }
.sitemap-list {
font-size: 0.8125rem; }
.sitemap-list li {
padding-bottom: 6px;
padding-top: 4px; }
.sitemap-list li:not(:first-child) {
padding-top: 6px; }
.smrItm {
padding: 0 0 2.25rem 0;
position: relative; }
.smrItm .u-wysiwygArea p {
font-size: 0.9375rem; }
.smrItm-content {
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
background-color: white; }
.smrItm-content.u-clrBg--blue .u-wysiwygArea h2, .smrItm-content.u-clrBg--blue .u-wysiwygArea h3, .smrItm-content.u-clrBg--blue .u-wysiwygArea h4, .smrItm-content.u-clrBg--blue .u-wysiwygArea h5, .smrItm-content.u-clrBg--blue .u-wysiwygArea p, .smrItm-content.u-clrBg--blue .u-wysiwygArea li, .smrItm-content.u-clrBg--dkGry .u-wysiwygArea h2, .smrItm-content.u-clrBg--dkGry .u-wysiwygArea h3, .smrItm-content.u-clrBg--dkGry .u-wysiwygArea h4, .smrItm-content.u-clrBg--dkGry .u-wysiwygArea h5, .smrItm-content.u-clrBg--dkGry .u-wysiwygArea p, .smrItm-content.u-clrBg--dkGry .u-wysiwygArea li, .smrItm-content.u-clrBg--light-green .u-wysiwygArea h2, .smrItm-content.u-clrBg--light-green .u-wysiwygArea h3, .smrItm-content.u-clrBg--light-green .u-wysiwygArea h4, .smrItm-content.u-clrBg--light-green .u-wysiwygArea h5, .smrItm-content.u-clrBg--light-green .u-wysiwygArea p, .smrItm-content.u-clrBg--light-green .u-wysiwygArea li, .smrItm-content.u-clrBg--light-purple .u-wysiwygArea h2, .smrItm-content.u-clrBg--light-purple .u-wysiwygArea h3, .smrItm-content.u-clrBg--light-purple .u-wysiwygArea h4, .smrItm-content.u-clrBg--light-purple .u-wysiwygArea h5, .smrItm-content.u-clrBg--light-purple .u-wysiwygArea p, .smrItm-content.u-clrBg--light-purple .u-wysiwygArea li, .smrItm-content.u-clrBg--soft-green .u-wysiwygArea h2, .smrItm-content.u-clrBg--soft-green .u-wysiwygArea h3, .smrItm-content.u-clrBg--soft-green .u-wysiwygArea h4, .smrItm-content.u-clrBg--soft-green .u-wysiwygArea h5, .smrItm-content.u-clrBg--soft-green .u-wysiwygArea p, .smrItm-content.u-clrBg--soft-green .u-wysiwygArea li {
color: #ffffff !important; }
.smrItm-img {
background-repeat: no-repeat;
background-size: cover;
background-color: #DFDFDF;
width: 168px;
height: 120px;
float: left;
position: absolute;
top: 0;
left: 0; }
@media only screen and (min-width: 48em) {
.smrItm.smrItm--img {
padding-left: 168px; } }
.is-mouseuser .smrItm.smrItm--link:hover:not([disabled]) .smrItm-content {
background-color: #e7e7e7; }
.is-touchuser .smrItm.smrItm--link:focus:not([disabled]), .is-mouseuser .smrItm.smrItm--link:focus:not([disabled]) {
outline: 0; }
.is-touchuser .smrItm.smrItm--link:focus:not([disabled]) .smrItm-content, .is-mouseuser .smrItm.smrItm--link:focus:not([disabled]) .smrItm-content {
background-color: #e7e7e7; }
.is-touchuser .smrItm.smrItm--link:active:not([disabled]) .smrItm-content {
background-color: #e7e7e7; }
.smrItm-content {
padding: 1rem 0.75rem; }
@media only screen and (min-width: 48em) {
.smrItm-content {
padding: 1.5rem 2.25rem; }
.smrItm--img .smrItm-content {
min-height: 120px; } }
@media only screen and (max-width: 47.9375em) {
.smrItm-img {
display: none; } }
.rmCal-content {
background-color: white; }
.rmCal-top {
padding: 2rem 1.5rem; }
.rmCal-bottom {
padding: 1.25rem 1.5rem;
border-top: 2px solid #E5E5E5; }
.rmCal-dropListWrap {
margin-bottom: 1.25rem; }
.rmCal-label {
font-size: 1rem; }
.rmCal-slider {
height: 2.25rem;
border-radius: 1.25rem;
border: 1px solid #DFDFDF; }
.rmCal-tooltip {
padding: 0.625rem 1.5625rem; }
.rmCal-ttLabel {
font-size: 1.25rem; }
.rmCal-ttVal {
padding-top: 0.625rem; }
.rmCal-ttVal, .rmCal-depPrice {
display: block;
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
font-size: 1.25rem; }
.rmCal-depText {
padding-top: 4.375rem;
padding-bottom: 1rem; }
.rmCal-depLabel {
font-size: 0.9375rem;
color: #444; }
.rmCal-note {
font-size: 0.75rem;
line-height: 1.5rem;
margin-top: 1.875rem; }
.rmCal .noUi-connect {
background: #CCDFF0;
opacity: .99;
border-radius: 1.25rem;
border: 2px solid white;
box-shadow: none; }
.rmCal .noUi-handle {
border-radius: 50%;
color: white;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
font-size: 1.25rem; }
.rmCal .noUi-handle:before {
content: ""; }
.rmCal .noUi-tooltip {
border-radius: 4px;
border: 1px solid black;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); }
.rmCal-accomodation {
position: relative;
z-index: 30; }
.rmCal-formValMsg {
color: #E2231A; }
.rmCal-formContainer {
margin-bottom: 15px; }
@media only screen and (min-width: 48em) {
.rmCal-slider {
margin-left: 1.875rem;
margin-right: 1.875rem; } }
.rmCal .noUi-horizontal .noUi-handle {
top: -0.75rem; }
.rmCal .noUi-handle {
width: 3.75rem;
height: 3.75rem;
background-color: #0071CF; }
.rmCal .noUi-handle:before {
width: auto;
height: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: transparent; }
.rmCal .noUi-handle:after {
content: none; }
.rmCal .noUi-handle:focus {
outline: none; }
.rmCal .noUi-tooltip:before, .rmCal .noUi-tooltip:after {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.rmCal .noUi-tooltip:before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid black;
bottom: -12px; }
.rmCal .noUi-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-top: 11px solid white;
bottom: -11px; }
.is-touchuser .rmCal .noUi-tooltip {
pointer-events: none; }
.rmCal .noUi-tooltip {
background-color: rgba(255, 255, 255, 0.9); }
.rmCal.is-toolTipLeftMd .noUi-tooltip {
margin-left: 20px; }
.rmCal.is-toolTipLeftMd .noUi-tooltip:before, .rmCal.is-toolTipLeftMd .noUi-tooltip:after {
margin-left: -20px; }
.rmCal.is-toolTipLeft .noUi-tooltip {
margin-left: 45px; }
.rmCal.is-toolTipLeft .noUi-tooltip:before, .rmCal.is-toolTipLeft .noUi-tooltip:after {
margin-left: -45px; }
.rmCal.is-toolTipRightMd .noUi-tooltip {
margin-left: -35px; }
.rmCal.is-toolTipRightMd .noUi-tooltip:before, .rmCal.is-toolTipRightMd .noUi-tooltip:after {
margin-left: 35px; }
.rmCal.is-toolTipRight .noUi-tooltip {
margin-left: -70px; }
.rmCal.is-toolTipRight .noUi-tooltip:before, .rmCal.is-toolTipRight .noUi-tooltip:after {
margin-left: 70px; }
.is-formSuccess .rmCal-calc,
.is-formShown .rmCal-calc {
display: none; }
.rmCal-thankYou {
display: none; }
.is-formSuccess .rmCal-thankYou {
display: block; }
.rmCal-form {
display: none; }
.is-formShown .rmCal-form {
display: block; }
.rmCal-formValMsg {
display: none; }
.has-error .rmCal-formValMsg {
display: block; }
.rmCal-formLabel {
width: 100%; }
.rmCal-formLabelText {
margin-bottom: 5px;
display: block; }
.accrdn {
margin: auto;
max-width: 800px;
padding: 2.5rem 0.9375rem; }
.accrdn-inner {
overflow: hidden;
display: none; }
.accrdn-inner.show {
/*display: block;*/ }
.accrdn-title, .accrdn-toggle, .accrdn-inner {
color: #444444; }
.u-clrBg--blue .accrdn-title,
.u-clrBg--dkGry .accrdn-title,
.u-clrBg--light-green .accrdn-title,
.u-clrBg--light-purple .accrdn-title,
.u-clrBg--soft-green .accrdn-title, .u-clrBg--blue .accrdn-toggle,
.u-clrBg--dkGry .accrdn-toggle,
.u-clrBg--light-green .accrdn-toggle,
.u-clrBg--light-purple .accrdn-toggle,
.u-clrBg--soft-green .accrdn-toggle, .u-clrBg--blue .accrdn-inner,
.u-clrBg--dkGry .accrdn-inner,
.u-clrBg--light-green .accrdn-inner,
.u-clrBg--light-purple .accrdn-inner,
.u-clrBg--soft-green .accrdn-inner {
color: #fff; }
.accrdn-item {
padding: 1.25rem 0;
border-top: 1px solid #000;
/*.u-clrBg--ltGry &,
.u-clrBg--white & {
border-top: 1px solid #000;
}*/ }
.u-clrBg--blue .accrdn-item,
.u-clrBg--dkGry .accrdn-item,
.u-clrBg--light-green .accrdn-item,
.u-clrBg--light-purple .accrdn-item,
.u-clrBg--soft-green .accrdn-item {
border-color: #fff; }
.accrdn-item:last-child {
border-bottom: 1px solid #000; }
.u-clrBg--blue .accrdn-item:last-child,
.u-clrBg--dkGry .accrdn-item:last-child,
.u-clrBg--light-green .accrdn-item:last-child,
.u-clrBg--light-purple .accrdn-item:last-child,
.u-clrBg--soft-green .accrdn-item:last-child {
border-color: #fff; }
/*######################################################
content
#######################################################*/
.ic-text {
padding-left: 5px; }
.ic-text span {
font-family: "ProximaNova-Regular", sans-serif; }
.ic-text:before {
position: relative;
left: -5px; }
/* section global */
.hero-section {
padding-top: 0;
padding-bottom: 36px; }
.intro-section {
padding-bottom: 36px; }
.search-section {
padding: 0 !important; }
.banner-section {
padding-bottom: 0; }
.is-card-aside ~ .is-card-aside {
margin-top: 20px; }
@media only screen and (min-width: 992px) {
.tpbr-wrap {
table-layout: inherit; } }
.tpbr-grid {
padding: 10px; }
@media only screen and (min-width: 992px) {
.tpbr-grid {
vertical-align: middle; }
.tpbr-grid.has-rb {
border-right: 1px solid #DFDFDF; } }
.nwDtl-title {
margin-bottom: 0.3125rem; }
.nwDtl-titleWrap {
padding-top: 1.875rem; }
@media only screen and (min-width: 48em) {
.nwDtl-titleWrap {
padding-top: 3.125rem; } }
.nwDtl-inset {
max-width: 768px;
width: 100%;
margin-left: auto;
margin-right: auto; }
.cntDtl {
background-color: #F3F2F1; }
.cntDtl .tbslb-container {
padding-left: 0;
padding-right: 0; }
.cntDtl-content {
padding-top: 1.875rem;
padding-bottom: 50px; }
@media only screen and (min-width: 48em) {
.cntDtl-content {
padding-top: 3.125rem; } }
.cntDtl-title {
margin-bottom: 0.9375rem; }
@media only screen and (min-width: 48em) {
.cntDtl-title {
margin-bottom: 2.5rem; }
[data-grid-type="middle-right"] .cntDtl-title,
[data-grid-type="middle"] .cntDtl-title {
text-align: center; } }
@media only screen and (min-width: 48em) {
.cntDtl-subtitle {
margin-top: -2.1875rem; } }
.cntDtl-promoPosB {
padding-top: 1.875rem; }
@media only screen and (min-width: 48em) {
.cntDtl-promoPosB {
padding-top: 0; } }
.cntDtl-promo {
padding-bottom: 30px; }
.cntDtl-promo > * {
margin-top: 30px; }
.cntDtl-promo > *:first-child {
margin-top: 0; }
.cntDtl-sideNavWrap {
margin-bottom: 1.25rem; }
.cntDtl-staffDetailImage {
float: left;
padding-right: 25px;
padding-bottom: 15px;
max-width: 200px; }
@media only screen and (min-width: 48em) {
.cntDtl-staffDetailImage {
max-width: 100%; } }
.resDtl-heroImg {
max-width: 800px; }
.resDtl-rightColum .l-blockPad {
display: none; }
.resDtl-rightColum > * {
margin-bottom: 24px; }
@media only screen and (max-width: 47.9375em) {
.resDtl-rightColum {
margin-top: 30px; } }
.hrTlBlk-grid {
height: 100%; }
.hrTlBlk-col {
margin-bottom: 2.1875rem; }
@media only screen and (max-width: 767px) {
.home-tiles .card {
margin-bottom: 20px; } }
@media only screen and (min-width: 768px) {
.home-tiles .hmetil-grid-table {
border-collapse: separate;
border-spacing: 32px;
display: table;
margin: -32px -32px;
table-layout: fixed;
min-width: 100%; } }
@media only screen and (min-width: 768px) and (min-width: 768px) {
.home-tiles .hmetil-grid-table > .card {
display: table-cell;
vertical-align: top; } }
@media only screen and (min-width: 768px) and (max-width: 767px) {
.home-tiles .hmetil-grid-table > .card {
margin-top: 20px; } }
@media only screen and (min-width: 768px) {
.home-tiles .hmetil-grid-2-col-2-space-1 {
width: 49%; } }
@media only screen and (min-width: 768px) {
.home-tiles .hmetil-grid-3-col-2-space-1 {
width: 32%; } }
@media only screen and (min-width: 768px) {
.home-tiles .hmetil-grid-3-col-2-space-2 {
width: 67%; } }
@media only screen and (min-width: 768px) {
.home-tiles .hmetil-grid-3-col-3-space-1 {
width: 33.33333333333333%; } }
@media only screen and (min-width: 768px) {
.home-tiles .hmetil-col-3 {
width: 29.9%; } }
@media only screen and (min-width: 768px) {
.home-tiles .hmetil-col-4 {
width: 29.9%; } }
@media only screen and (min-width: 768px) {
.home-tiles .hmetil-col-6 {
width: 45%; } }
@media only screen and (min-width: 768px) {
.home-tiles .hmetil-col-8 {
width: 70%; } }
.home-articles-grid {
background-color: #644C9E; }
@media only screen and (min-width: 1200px) {
.hmartclgrd-row {
border-collapse: separate;
border-spacing: 32px;
display: table;
margin: -32px 0;
table-layout: fixed;
min-width: 100%; } }
@media only screen and (max-width: 1199px) {
.hmartclgrd-row {
display: block;
margin-bottom: -20px; }
.hmartclgrd-row:before, .hmartclgrd-row:after {
content: " ";
display: table; }
.hmartclgrd-row:after {
clear: both; } }
@media only screen and (min-width: 1200px) {
.hmartclgrd-row > .card {
display: table-cell;
vertical-align: top; } }
@media only screen and (max-width: 1199px) {
.hmartclgrd-row > .card {
display: block;
float: left;
margin-right: 4%;
margin-bottom: 30px;
width: 46%; }
.hmartclgrd-row > .card:nth-child(2n+1) {
clear: both; } }
@media only screen and (max-width: 767px) {
.hmartclgrd-row > .card {
margin: 0 2% 20px 2%; } }
@media only screen and (max-width: 599px) {
.hmartclgrd-row > .card {
width: 100%;
margin: 0 0 20px 0; } }
@media only screen and (min-width: 1200px) {
.hmartclgrd-col-4 {
width: 20%; } }
.hmartclgrd-column {
overflow: hidden;
padding-top: 30px;
padding-bottom: 30px; }
@media only screen and (max-width: 767px) {
.hmartclgrd-column {
padding: 30px 20px;
width: 100%; } }
.hmartclgrd-column-left {
padding-left: 20px;
width: 200px; }
@media only screen and (max-width: 1199px) {
.hmartclgrd-column-left {
padding-right: 20px;
width: 300px; } }
@media only screen and (max-width: 991px) {
.hmartclgrd-column-left {
width: 250px; } }
@media only screen and (max-width: 767px) {
.hmartclgrd-column-left {
padding-bottom: 0;
text-align: center;
width: 100%; } }
.hmartclgrd-column .crd-title {
font-family: "ProximaNova-Regular", sans-serif; }
.hcta-inner {
color: #fff;
padding: 100px 20px; }
.hcta-inner.is-has-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative; }
.hcta-inner.is-has-image:before {
background-color: rgba(0, 0, 0, 0.5);
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 0; }
.hcta-title {
margin-bottom: 20px;
position: relative;
z-index: 5; }
.hcta-btn {
position: relative;
z-index: 5; }
.nwLstBlk {
background-color: #E0DED8; }
.nwLstBlk-title {
color: #4F5357;
padding-top: 0.5rem;
padding-bottom: 0.3125rem; }
.nwLstBlk-left, .nwLstBlk-right {
overflow: hidden;
padding-top: 2.1875rem;
padding-bottom: 2.1875rem; }
.nwLstBlk-col {
display: block;
float: left; }
.nwLstBlk .card {
height: 100%; }
.nwLstBlk .crd-title {
margin-bottom: 0.3125rem;
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: normal;
line-height: 1.5; }
.nwLstBlk .crd-content {
padding: 20px 24px 50px 24px; }
.nwLstBlk .crd-headinfo,
.nwLstBlk .crd-caption {
font-size: 0.9375rem; }
.nwLstBlk .crd-headinfo {
margin-bottom: 0.75rem; }
.nwLstBlk .crd-image {
display: none; }
@media only screen and (min-width: 48em) {
.nwLstBlk .crd-image {
display: block; } }
@media only screen and (max-width: 47.9375em) {
.nwLstBlk {
padding-bottom: 2.5rem; } }
.nwLstBlk-title {
font-size: 1.25rem;
text-align: center; }
@media only screen and (max-width: 47.9375em) {
.nwLstBlk-title {
margin-bottom: 0.125rem; } }
@media only screen and (max-width: 29.9375em) {
.nwLstBlk-title {
margin-bottom: 0.5625rem; } }
@media only screen and (min-width: 48em) {
.nwLstBlk-title {
text-align: left;
font-size: 1.875rem; } }
.nwLstBlk-left {
text-align: center;
width: 100%;
padding-bottom: 0; }
@media only screen and (min-width: 48em) {
.nwLstBlk-left {
text-align: left;
width: 15.625rem;
padding-left: 1.875rem; } }
@media only screen and (min-width: 62em) {
.nwLstBlk-left {
width: 18.75rem; } }
@media only screen and (min-width: 81.25em) {
.nwLstBlk-left {
width: 12.5rem; } }
.nwLstBlk-right {
padding-left: 0.9375rem;
padding-right: 0.9375rem; }
@media only screen and (max-width: 47.9375em) {
.nwLstBlk-right {
padding-top: 0;
padding-bottom: 0.625rem;
padding-left: 0.75rem;
padding-right: 0.75rem; } }
.nwLstBlk-col {
padding: 0.375rem 0;
width: 100%; }
@media only screen and (min-width: 30em) {
.nwLstBlk-col {
padding: 0.9375rem;
width: 50%; } }
@media only screen and (min-width: 48em) {
.nwLstBlk-col {
max-width: 26.25rem; } }
@media only screen and (min-width: 1200px) {
.nwLstBlk-col-1 {
width: 100%; } }
@media only screen and (min-width: 1200px) {
.nwLstBlk-col-2 {
width: 50%; } }
@media only screen and (min-width: 1200px) {
.nwLstBlk-col-3 {
width: 33.33333%; } }
@media only screen and (min-width: 1200px) {
.nwLstBlk-col-4 {
width: 25%; } }
@media only screen and (max-width: 47.9375em) {
.nwLstBlk-col-1 {
width: 100%; } }
.tbslb:not(.no-loop) .smrItm:first-child {
padding-top: 0; }
.tbslb:not(.no-loop) .smrItm:last-child {
padding-bottom: 0; }
@media only screen and (max-width: 61.9375em) {
.ctaStripBlk-col:nth-child(odd) {
padding-right: 7px; }
.ctaStripBlk-col:nth-child(even) {
padding-left: 7px; } }
.ctaStripBlk-btn {
width: 100%; }
@media only screen and (max-width: 61.9375em) {
.ctaStripBlk-btn {
margin-top: 7px;
margin-bottom: 7px; } }
@media only screen and (max-width: 47.9375em) {
.ctaStripBlk-btn {
padding: 0.625rem; }
.ctaStripBlk-btn.btn--iconL, .u-wysiwygArea .ctaStripBlk-btn.wysIconBtn {
padding-left: 1.875rem; }
.ctaStripBlk-btn.btn--iconL .btn-icon, .u-wysiwygArea .ctaStripBlk-btn.wysIconBtn .btn-icon, .ctaStripBlk-btn.btn--iconL .u-wysiwygArea .wysIconBtn > [class^="icon-"], .u-wysiwygArea .ctaStripBlk-btn.btn--iconL .wysIconBtn > [class^="icon-"], .u-wysiwygArea .ctaStripBlk-btn.wysIconBtn .wysIconBtn > [class^="icon-"] {
left: 0.3125rem; } }
.rmStBlk {
background-color: white;
padding: 1.0625rem 1.25rem; }
.rmStBlk-list {
display: table; }
.rmStBlk-row {
display: table-row; }
.rmStBlk-left, .rmStBlk-right {
display: table-cell;
padding: 0.625rem 0.3125rem; }
.rmStBlk-left {
font-style: normal;
font-family: "Adelle-Regular", serif;
font-weight: bold;
font-size: 1.5rem;
text-align: right;
display: block;
line-height: 1.5rem; }
.rmStBlk-right {
font-size: 1.25rem;
padding-left: 1.25rem; }
.tstBlk {
background-color: #009FDA;
padding: 1.875rem 1.5625rem 2.1875rem;
color: white; }
.tstBlk-desc {
font-size: 0.9375rem;
line-height: 1.5rem; }
.tstBlk-profile {
padding-top: 0.625rem;
padding-bottom: 1.125rem; }
.tstBlk-photo {
border: 1px solid white; }
.tstBlk-name {
font-style: normal;
font-family: "ProximaNova-Regular", sans-serif;
font-weight: normal;
font-family: "ProximaNova-Bold", sans-serif;
font-size: 1rem;
margin-left: 0.625rem; }
.tstBlk-desc:before, .tstBlk-desc:after {
content: "\""; }
.ctaBlock {
background-color: #0073CF;
color: white;
padding: 1.75rem 1.25rem 0.75rem; }
.ctaBlock-wysiwyg *:last-child {
margin-bottom: 0 !important; }
.ctaBlock-wysiwyg p, .ctaBlock-wysiwyg li {
line-height: 1.2 !important; }
.ctaBlock-wysiwyg ul, .ctaBlock-wysiwyg ol {
padding-left: 1.3125rem; }
.ctaBlock-btnWrap {
padding-top: 1.75rem; }
.ctaBlock-btn {
margin-bottom: 1.5rem;
padding-left: 38px !important;
padding-right: 10px;
text-indent: -12px; }
.ctaBlock-btn .btn-icon, .ctaBlock-btn .u-wysiwygArea .wysIconBtn > [class^="icon-"], .u-wysiwygArea .ctaBlock-btn .wysIconBtn > [class^="icon-"] {
text-indent: 0; }
.ctaBlock-btn--noIcon {
padding-left: 10px !important;
text-indent: 0; }
.rtbLsblk-title {
margin-bottom: 0.75rem; }
.rtbLsblk-col {
display: block;
float: left; }
.rtbLsblk .card {
height: 100%;
background-color: #f9f8f7; }
.rtbLsblk {
padding-top: 1.5rem;
padding-bottom: 1.5rem; }
@media only screen and (min-width: 48em) {
.rtbLsblk {
padding-top: 2.625rem;
padding-bottom: 2.625rem; } }
.rtbLsblk-col {
padding: 0.375rem 0;
width: 100%; }
@media only screen and (min-width: 30em) {
.rtbLsblk-col {
padding: 0.9375rem;
width: 50%; } }
@media only screen and (min-width: 62em) {
.rtbLsblk-col {
width: 33.33333%; } }
@media only screen and (min-width: 30em) {
.rtbLsblk-col-2 {
width: 50%; } }
@media only screen and (min-width: 62em) {
.rtbLsblk-col-2 .card {
max-width: 26.25rem; }
.rtbLsblk-col-2:first-child .card {
float: right; } }
.rtbLsblk-col-1 {
max-width: 26.25rem;
float: none;
margin: 0 auto;
width: 100%; }
@media only screen and (max-width: 29.9375em) {
.rtbLsblk-col-1 {
max-width: none; } }
.tblb-tile {
padding-top: 15px;
padding-bottom: 15px; }
.tblb-tile--singleTile {
max-width: 500px;
margin-left: auto;
margin-right: auto;
float: none; }
.splb-tile {
padding-top: 15px;
padding-bottom: 15px; }
.splb-tile .crd-title {
color: #000; }
.splb-tile .crd-title:hover {
color: #fff; }
.splb-tile .card:hover .crd-title {
color: #fff; }
.prBlk {
height: 100%; }
.shrBlk {
padding: 15px; }
.shrBlk:before, .shrBlk:after {
content: " ";
display: table; }
.shrBlk:after {
clear: both; }
.shrBlk-btn {
display: block;
float: left;
padding: 10px;
margin-left: 10px; }
.shrBlk-btn:first-child {
margin-left: 0; }
/*
These styles were added by Paul Leatham and Cale Maxwell and need to be tidied up by a front end developer at
some point. They could potentially be dangerous, as they seem to be intended to mostly target the accordion widget,
but are actually targting global styles and base elements in some cases.
*/
.u-clrBg--light-purple .accrdn:first-child,
.u-clrBg--dkGry .accrdn:first-child,
.u-clrBg--soft-green .accrdn:first-child,
.u-clrBg--dkGry .accrdn:first-child {
border-bottom: 1px solid #fff; }
.u-clrBg--light-purple .accrdn,
.u-clrBg--dkGry .accrdn:first-child,
.u-clrBg--soft-green .accrdn,
.u-clrBg--dkGry .accrdn {
border-top: 1px solid #fff; }
.smVdBlk {
margin-bottom: 40px; }
.u-clrBg--soft-green .u-clr--black {
color: #fff !important; }
.u-clrBg--light-purple .u-clr--black {
color: #fff !important; }
.u-clrBg-- .accrdn:first-child {
border-bottom: 1px solid #4F5357; }
.u-clrBg-- .accrdn {
border-top: 1px solid #4F5357; }
.u-clrBg-- .u-clr--white {
color: #4F5357; }
.u-clrBg--bg-blue {
background-color: #0073CF; }
.u-clrBg--bg-blue .accrdn:first-child {
border-top: 1px solid #ffffff; }
.u-clrBg--bg-blue .accrdn {
border-bottom: 1px solid #ffffff; }
.u-clrBg-- {
background-color: #fff;
color: #444444; }
.u-clrBg-- .accrdn:first-child {
border-top: 1px solid #444444;
color: #444444 !important; }
.u-clrBg-- .accrdn {
border-bottom: 1px solid #444444; }
.u-clrBg-- h2, .u-clrBg-- a, .u-clrBg-- div {
color: #444444 !important; }
.u-clrBg--ltGry {
background-color: #fff;
color: #444444; }
.u-clrBg--ltGry .accrdn:first-child {
border-top: 1px solid #444444;
color: #444444 !important; }
.u-clrBg--ltGry .accrdn {
border-bottom: 1px solid #444444; }
.u-clrBg--ltGry h2, .u-clrBg--ltGry a, .u-clrBg--ltGry div {
color: #444444 !important; }
.accrdn {
padding: 0 0.9375rem; }
.accrdn-item {
border-bottom: 1px solid #444;
border-top: none; }
/*# sourceMappingURL=maps/main.css.map */
