/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,27): run-time error CSS1039: Token not allowed after unary operator: '-cf-grid-column-gap'
(194,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-grid-vertical-padding'
(194,51): run-time error CSS1039: Token not allowed after unary operator: '-cf-grid-horizontal-padding'
(271,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-height'
(380,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-dark-blue'
(386,39): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-brand-blue'
(409,23): run-time error CSS1039: Token not allowed after unary operator: '-cf-font-family'
(424,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-height'
(425,32): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-white'
(426,26): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-shadow'
(430,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-left-padding'
(440,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-logo-height'
(441,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-logo-width'
(449,18): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-height'
(457,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-action-row-padding'
(472,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-top-action-row-icon-size'
(473,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-top-action-row-icon-size'
(474,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-top-action-row-icon-margin'
(475,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-button-blue'
(479,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-dark-blue'
(483,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-top-action-row-unauthenticated-link-margin'
(491,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-dark-blue'
(503,32): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-off-white'
(518,36): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-off-white'
(525,29): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-black'
(534,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-dark-blue'
(538,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-bottom-action-row-slant-width'
(539,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-bottom-action-row-slant-background'
(545,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-action-row-padding'
(546,24): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-bottom-action-row-links-padding-left'
(554,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-white'
(567,18): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-action-help-margin'
(572,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-height'
(573,23): run-time error CSS1039: Token not allowed after unary operator: '-cf-main-top-padding'
(574,26): run-time error CSS1039: Token not allowed after unary operator: '-cf-main-bottom-padding'
(580,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-light-grey'
(581,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-padding'
(587,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-dark-blue'
(591,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-logo-to-slogan-spacing'
(592,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-logo-width'
(593,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-logo-height'
(613,30): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-logo-bottom-padding'
(618,30): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-info-padding-bottom'
(619,25): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-info-max-width'
(631,36): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-links-margin'
(646,33): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-help-contact-links-margin'
(650,35): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-help-contact-links-padding-top'
(654,31): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-help-contact-link-icon-margin'
(669,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-1'
(673,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-2'
(677,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-opposite'
(685,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-text-container-padding'
(693,16): run-time error CSS1039: Token not allowed after unary operator: '-cf-button-font'
(695,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-button-padding'
(699,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-opposite'
(700,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-1'
(705,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-input-text-color'
(706,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-input-background-color'
(707,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-form-control-width'
(708,18): run-time error CSS1039: Token not allowed after unary operator: '-cf-form-control-height'
(709,18): run-time error CSS1039: Token not allowed after unary operator: '-cf-validation-error-control-border-width'
(711,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-form-control-padding'
(728,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-form-select-check-top'
(729,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-form-select-check-right'
(731,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-form-select-check-color'
(732,30): run-time error CSS1039: Token not allowed after unary operator: '-cf-form-select-check-width'
(732,64): run-time error CSS1039: Token not allowed after unary operator: '-cf-form-select-check-width'
(734,23): run-time error CSS1039: Token not allowed after unary operator: '-cf-form-select-check-length'
(752,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-alert'
(756,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-validation-error-control-text-color'
(757,24): run-time error CSS1039: Token not allowed after unary operator: '-cf-validation-error-control-border-color'
(764,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-validation-error-padding'
(765,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-validation-error-margin'
(766,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-validation-error-background-color'
(767,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-validation-error-color'
(775,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-social-icon-background-width'
(776,18): run-time error CSS1039: Token not allowed after unary operator: '-cf-social-icon-background-height'
(777,25): run-time error CSS1039: Token not allowed after unary operator: '-cf-icon-border-radius'
(777,54): run-time error CSS1039: Token not allowed after unary operator: '-cf-icon-border-radius'
(777,83): run-time error CSS1039: Token not allowed after unary operator: '-cf-icon-border-radius'
(777,112): run-time error CSS1039: Token not allowed after unary operator: '-cf-icon-border-radius'
(778,24): run-time error CSS1039: Token not allowed after unary operator: '-cf-social-icon-margin'
(786,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-social-icon-width'
(787,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-social-icon-height'
(799,32): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-alert'
(814,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-opposite'
(815,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-2'
(824,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-icons'
(828,20): run-time error CSS1039: Token not allowed after unary operator: '-cf-icon-social-color'
(837,24): run-time error CSS1039: Token not allowed after unary operator: '-cf-icon-social-hovered-color'
(842,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-home-announcement-padding'
(843,18): run-time error CSS1039: Token not allowed after unary operator: '-cf-home-announcement-border'
(844,25): run-time error CSS1039: Token not allowed after unary operator: '-cf-home-announcement-border-radius'
(845,17): run-time error CSS1039: Token not allowed after unary operator: '-cf-home-announcement-color'
(846,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-home-announcement-background-color'
(850,29): run-time error CSS1039: Token not allowed after unary operator: '-cf-home-announcement-container-vertical-padding'
(877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(896,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(896,71): run-time error CSS1039: Token not allowed after unary operator: '-settings-background-color'
(903,28): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-left-padding'
(919,26): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-height'
(921,30): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-bottom-action-row-slant-background'
(925,32): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-dark-blue'
(926,22): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-height'
(939,25): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-off-white'
(951,32): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-dark-blue'
(955,19): run-time error CSS1039: Token not allowed after unary operator: '-cf-header-height'
(970,43): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-brand-light-blue'
(1001,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-white'
(1008,21): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-brand-blue'
(1014,32): run-time error CSS1039: Token not allowed after unary operator: '-cf-color-light-grey'
(1031,34): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-tablet-padding-bottom'
(1035,34): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-tablet-padding-bottom'
(1046,37): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-tablet-link-margin-bottom'
(1050,41): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-tablet-margin-bottom'
(1058,33): run-time error CSS1039: Token not allowed after unary operator: '-cf-footer-tablet-margin-bottom'
 */
:root {
    /*### Colors */
    --cf-color-1: var(--cf-color-dark-blue);
    --cf-color-2: var(--cf-color-brand-blue);
    --cf-color-opposite: var(--cf-color-white);
    --cf-color-icons: var(--cf-color-brand-blue);
    /*### Colors for the new design */
    --cf-color-black: #1D1D1D;
    --cf-color-dark-brown: #666;
    --cf-color-dark-grey: #545454;
    --cf-color-med-grey: #666666;
    --cf-color-med-light-grey: #DFDFDF;
    --cf-color-light-grey: #F2F2F2;
    --cf-color-off-white: #F9F9F9;
    --cf-color-white: #FFFFFF;
    --cf-color-brand-blue: #00B1E5;
    --cf-color-brand-light-blue: #EBFAFF;
    --cf-color-button-blue: #00A0D1;
    --cf-color-hover-blue: #007093;
    --cf-color-dark-blue: #093F51;
    --cf-color-mauve: #674EA7;
    --cf-color-magenta: #A32765;
    --cf-color-green: #4DD337;
    --cf-color-green-light: rgba(77, 211, 55, 0.1);
    --cf-color-green-hover: #2bb906;
    --cf-color-alert: #DC3232;
    --cf-color-alert-light: #FFECEC;
    --cf-color-alert-hover: #bf0218;
    --cf-color-warning: #D39437;
    --cf-color-pressed-button: #CCECF6;
    /*### Header section vars */
    --cf-header-height: 120px;
    --cf-header-left-padding: 24px;
    --cf-header-shadow: 0 4px 8px 4px rgba(0,0,0, 0.15);
    --cf-logo-height: 64px;
    /*### Header - Actions row */
    --cf-header-action-row-padding: 16px 24px 16px 0;
    --cf-header-top-action-row-padding-top: 16px;
    --cf-header-top-action-row-padding-right: 24px;
    --cf-header-top-action-row-icon-size: 18px;
    --cf-header-top-action-row-icon-margin: 8px;
    --cf-header-top-action-row-unauthenticated-link-margin: 36px;
    --cf-header-bottom-action-row-padding: 24px;
    --cf-header-bottom-action-row-slant-width: 30px;
    --cf-header-bottom-action-row-slant-background: linear-gradient(to bottom right, white 50%, var(--cf-color-dark-blue) 50%);
    --cf-header-bottom-action-row-links-padding: 16px 0;
    --cf-header-bottom-action-row-links-padding-left: 34px;
    --cf-header-action-help-margin: 0 0 -15px auto;
    --cf-header-action-icon-margin: 0 0 7px 3px;
    /*### Main section vars */
    --cf-main-background-color: var(--cf-color-white);
    --cf-main-top-padding: 48px;
    --cf-main-bottom-padding: 64px;
    --cf-back-navigation-margin: 32px;
    --cf-content-margin: 24px;
    /*### Footer section vars */
    --cf-footer-padding: 48px 56px 64px;
    /* Footer - logo */
    --cf-footer-logo-width: 246px;
    --cf-footer-logo-height: 40px;
    --cf-footer-logo-to-slogan-spacing: 20px;
    --cf-footer-logo-bottom-padding: 20px;
    --cf-footer-info-max-width: 540px;
    --cf-footer-info-padding-bottom: 30px;
    --cf-footer-links-margin: 40px;
    --cf-footer-help-contact-links-margin: 40px;
    --cf-footer-help-contact-links-padding-top: 20px;
    --cf-footer-help-contact-link-icon-margin: 4px;
    --cf-social-icon-background-width: 40px;
    --cf-social-icon-background-height: 40px;
    --cf-social-icon-margin: 40px;
    --cf-social-icon-width: 20px;
    --cf-social-icon-height: 20px;
    --cf-footer-tablet-padding-bottom: 40px;
    --cf-footer-tablet-margin-bottom: 40px;
    --cf-footer-tablet-link-margin-bottom: 32px;
    /*### Site-wide vars */
    --cf-body-background-color: var(--cf-color-1);
    --cf-site-max-width: 1440px;
    /* Texts */
    --cf-header-font-family: 'Montserrat', sans-serif;
    --cf-font-family: 'Montserrat', sans-serif;
    --cf-heading-color-2: var(--cf-color-1);
    --cf-heading-font-2: 700 50px var(--cf-header-font-family);
    --cf-heading-margin-2: 0 0 10px 0;
    --cf-heading-color-3: var(--cf-color-2);
    --cf-heading-font-3: 700 37px var(--cf-header-font-family);
    --cf-heading-margin-3: 0 0 10px 0;
    --cf-heading-color-4: var(--cf-color-2);
    --cf-heading-font-4: 700 32px var(--cf-header-font-family);
    --cf-heading-color-5: var(--cf-color-1);
    --cf-heading-font-5: 600 20px var(--cf-header-font-family);
    --cf-p-margin: 0 16px 0;
    --cf-p-line-height: 1.75em;
    --cf-links-color: var(--cf-heading-color-3);
    --cf-text-color-primary: #7b7c7e;
    --cf-text-color-secondary: #404041;
    --cf-text-font: 500 23px var(--cf-font-family);
    --cf-input-text-color: #4d4d4d;
    --cf-input-background-color: var(--cf-color-white);
    --cf-text-container-padding: 60px 90px;
    /* Forms and controls */
    --cf-form-control-width: 100%;
    --cf-form-control-height: 2em;
    --cf-form-control-padding: 0.2em 0.5em;
    --cf-form-select-check-color: #7f7f7f;
    --cf-form-select-check-width: 3px;
    --cf-form-select-check-length: 4px;
    --cf-form-select-check-top: 33%;
    --cf-form-select-check-right: 13px;
    --cf-button-padding: 13px 18px;
    --cf-button-font: bold 20px var(--cf-header-font-family);
    --cf-validation-error-control-border-color: var(--cf-color-alert);
    --cf-validation-error-control-text-color: var(--cf-input-text-color);
    --cf-validation-error-control-border-width: 3px;
    --cf-validation-error-padding: 4px;
    --cf-validation-error-margin: 4px;
    --cf-validation-error-background-color: var(--cf-color-alert);
    --cf-validation-error-color: var(--cf-color-white);
    /* Icons */
    --cf-icon-social-color: var(--cf-color-white);
    --cf-icon-social-hovered-color: #00ce1b;
    --cf-icon-size: 14px;
    --cf-icon-border-radius: 30px;
    --cf-icon-padding: 0.3em;
    /* Announcements */
    --cf-home-announcement-container-vertical-padding: 16px;
    --cf-home-announcement-container-horizontal-padding: 16px;
    --cf-home-announcement-container-width: 50%;
    --cf-home-announcement-padding: 16px;
    --cf-home-announcement-border: 1px solid var(--cf-color-med-light-grey);
    --cf-home-announcement-border-radius: 0;
    --cf-home-announcement-color: var(--cf-color-dark-blue);
    --cf-home-announcement-background-color: var(--cf-color-light-grey);
    /* Cart */
    --cf-cart-padding-right: 40px;
    --cf-badge-font: 700 18px var(--cf-font-family);
    --cf-badge-padding: 5px;
    --cf-badge-absolute-position-left: calc(100% - 16px);
    --cf-badge-absolute-position-bottom: calc(100% - 8px);
    /* Grid */
    --cf-grid-column-gap: 24px;
    --cf-grid-vertical-padding: 0;
    --cf-grid-horizontal-padding: 56px;
}

@media screen and (max-width: 1024px) {
    :root {
        --cf-main-top-padding: 32px;
        --cf-back-navigation-margin: 24px;
        --cf-header-height: 80px;
        --cf-logo-height: 50px;
        /* Grid */
        --cf-grid-column-gap: 16px;
        --cf-grid-horizontal-padding: 40px;
        /* Announcements */
        --cf-home-announcement-container-horizontal-padding: 32px;
    }
}

@media screen and (max-width: 985px) {
    :root {
        /* Announcements */
        --cf-home-announcement-container-width: 80%;
    }
}

@media screen and (max-width: 768px) {
    :root {
        --cf-logo-height: 30px;
        /* Grid */
        --cf-grid-column-gap: 8px;
        --cf-grid-horizontal-padding: 24px;
    }
}


@media screen and (max-width: 500px) {
    :root {
        /* Announcements */
        --cf-home-announcement-container-width: 100%;
    }
}

.cf-content {
    max-width: 1440px;
    margin: 0 auto;
}

.cf-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: var(--cf-grid-column-gap);
    padding: var(--cf-grid-vertical-padding) var(--cf-grid-horizontal-padding);
}

    .cf-grid.no-pad {
        padding: 0;
    }

    .cf-grid .grid-full-span {
        grid-column: span 12;
    }

.cf-grid-10-col-span {
    grid-column: 2 / span 10;
}

.cf-space-between-8 {
    margin-bottom: 8px;
}

.cf-space-between-16 {
    margin-bottom: 16px;
}

.cf-space-between-20 {
    margin-bottom: 20px;
}

.cf-space-between-24 {
    margin-bottom: 24px;
}

.cf-space-between-32 {
    margin-bottom: 32px;
}

.cf-space-between-48 {
    margin-bottom: 48px;
}

.cf-space-between-64 {
    margin-bottom: 64px;
}

@media screen and (max-width: 1024px) {
    .cf-content {
        max-width: 1024px;
    }

    .cf-grid-10-col-span {
        grid-column: 1  / span 12;
    }
}

@media screen and (max-width: 768px) {
    .cf-content {
        max-width: 768px;
    }
}
* {
    box-sizing: border-box;
}

html, body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

    body > header,
    body > footer,
    body > main {
        display: block;
    }

    body > header {
        height: var(--cf-header-height);
    }

h1,
.cf-h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    text-align: left;
}

h2,
.cf-h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 38.4px;
    text-align: left;
}

h3,
.cf-h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 33.6px;
    text-align: left;
}

h4,
.cf-h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.8px;
    text-align: left;
}

    h4.regular,
    .cf-h4.regular {
        font-weight: 400;
    }

h5,
.cf-h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
}

h6,
.cf-h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    text-align: left;
}

    h6.regular {
        font-weight: 400;
    }

p {
    text-align: left;
    margin: 0;
}

p,
.cf-p1,
.cf-p2,
.cf-p3,
.cf-sm-txt {
    font-family: 'Montserrat', sans-serif;
}

.cf-p1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.cf-p2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

.cf-p3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.cf-sm-txt {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

a {
    text-decoration: none;
}

    a.cf-link {
        display: flex;
        color: var(--cf-color-dark-blue);
        position: relative;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 21.6px;
        border-bottom: 1px solid var(--cf-color-brand-blue);
    }

address {
    margin: 0;
    font-style: normal;
}

.hidden {
    display: none;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/Content/Fonts/Montserrat/Montserrat-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Open sans';
    src: url('/Content/Fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf');
}

body {
    font-family: var(--cf-font-family);
}

    /*### Header */

    body > header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin-inline: auto;
        z-index: 100;
    }

    body .cf-header-container {
        height: var(--cf-header-height);
        background-color: var(--cf-color-white);
        box-shadow: var(--cf-header-shadow);
    }

    body header > .cf-content {
        padding-left: var(--cf-header-left-padding);
    }

    body > header > .cf-content .cf-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    body > header a.cf-header-logo img {
        height: var(--cf-logo-height);
        width: var(--cf-logo-width);
    }

/*### Header - Actions row */
.cf-header-actions {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: var(--cf-header-height);
}

.cf-header .cf-mobile-menu {
    display: none;
}

.cf-header-action-row-profile {
    padding: var(--cf-header-action-row-padding);
    margin-bottom: 0px;
}

    .cf-header-action-row-profile .cf-header-action-row-profile-authenticated {
        display: flex;
        justify-content: space-between;
    }

    .cf-header-action-row-profile .cf-header-action-row-profile-unauthenticated {
        display: flex;
        justify-content: flex-end;
    }

    .cf-header-action-row-profile i {
        width: var(--cf-header-top-action-row-icon-size);
        height: var(--cf-header-top-action-row-icon-size);
        margin-right: var(--cf-header-top-action-row-icon-margin);
        color: var(--cf-color-button-blue);
    }

    .cf-header-action-row-profile a {
        color: var(--cf-color-dark-blue);
    }

    .cf-header-action-row-profile .cf-header-action-row-profile-unauthenticated a {
        margin-right: var(--cf-header-top-action-row-unauthenticated-link-margin);
    }

        .cf-header-action-row-profile .cf-header-action-row-profile-unauthenticated a:last-of-type {
            margin-right: unset;
        }

    .cf-header-action-row-profile h6 {
        color: var(--cf-color-dark-blue);
    }

    .cf-header-action-row-profile .cf-header-action-row-profile-authenticated .cf-report-links-dropdown {
        position: relative;
    }

    .cf-header-action-row-profile .cf-header-action-row-profile-authenticated .cf-report-links-dropdown-button {
        cursor: pointer;
    }

    .cf-header-action-row-profile .cf-header-action-row-profile-authenticated .cf-report-links-dropdown-content {
        background-color: var(--cf-color-off-white);
        min-width: 250px;
        display: none;
        position: absolute;
        top: 100%;
        max-height: unset;
        left: -75%;
        padding: 8px 0;
        z-index: 100;
        box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
    }

        .cf-header-action-row-profile .cf-header-action-row-profile-authenticated .cf-report-links-dropdown-content .cf-report-link {
            display: flex;
            border: none;
            background-color: var(--cf-color-off-white);
            padding: 8px 16px;
            justify-content: flex-start;
        }

            .cf-header-action-row-profile .cf-header-action-row-profile-authenticated .cf-report-links-dropdown-content .cf-report-link a {
                display: flex;
                color: var(--cf-color-black);
            }

        .cf-header-action-row-profile .cf-header-action-row-profile-authenticated .cf-report-links-dropdown-content.test {
            display: block;
        }

.cf-header-action-row-site {
    display: flex;
    background-color: var(--cf-color-dark-blue);
}

.cf-header-action-row-site-slant {
    width: var(--cf-header-bottom-action-row-slant-width);
    background: var(--cf-header-bottom-action-row-slant-background);
}

.cf-header-action-row-site .cf-header-action-row-site-links {
    display: flex;
    justify-content: space-between;
    padding: var(--cf-header-action-row-padding);
    padding-left: var(--cf-header-bottom-action-row-links-padding-left);
}

    .cf-header-action-row-site .cf-header-action-row-site-links a {
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        font-weight: 600;
        line-height: 26.8px;
        color: var(--cf-color-white);
        text-wrap: nowrap;
    }
    
    .cf-header-action-row-site .cf-header-action-row-site-links > a {
        margin-right: 40px;
    }

        .cf-header-action-row-site .cf-header-action-row-site-links a:last-child {
            margin-right: 0px;
        }

.cf-header-help-trigger {
    margin: var(--cf-header-action-help-margin);
}

body > main {
    flex: 1;
    margin-top: var(--cf-header-height);
    padding-top: var(--cf-main-top-padding);
    padding-bottom: var(--cf-main-bottom-padding);
}

/*### Footer */

body > footer {
    background-color: var(--cf-color-light-grey);
    padding: var(--cf-footer-padding);
}

    body > footer .cf-footer-logo {
        display: flex;
        align-items: baseline;
        color: var(--cf-color-dark-blue);
    }

    body > footer img.cf-footer-logo-image {
        margin-right: var(--cf-footer-logo-to-slogan-spacing);
        width: var(--cf-footer-logo-width);
        height: var(--cf-footer-logo-height);
    }

    body > footer .cf-footer-logo h4 {
        margin-bottom: unset;
    }


.cf-footer-grid {
    display: grid;
    padding: 0 56px;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "cf-footer-logo cf-footer-help-contact"
        "cf-footer-info cf-footer-help-contact"
        "cf-footer-links cf-footer-socials"
}

    .cf-footer-grid .cf-footer-logo {
        grid-area: cf-footer-logo;
        padding-bottom: var(--cf-footer-logo-bottom-padding);
    }

    .cf-footer-grid .cf-footer-info {
        grid-area: cf-footer-info;
        padding-bottom: var(--cf-footer-info-padding-bottom);
        max-width: var(--cf-footer-info-max-width);
    }

    .cf-footer-grid .cf-footer-links {
        grid-area: cf-footer-links;
    }

        .cf-footer-grid .cf-footer-links .cf-link-row {
            display: flex;
        }

            .cf-footer-grid .cf-footer-links .cf-link-row a {
                margin-right: var(--cf-footer-links-margin);
            }

    .cf-footer-grid .cf-footer-help-contact {
        grid-area: cf-footer-help-contact;
        justify-content: flex-end;
    }

        .cf-footer-grid .cf-footer-help-contact div {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }

        .cf-footer-grid .cf-footer-help-contact a {
            margin-bottom: var(--cf-footer-help-contact-links-margin);
        }

            .cf-footer-grid .cf-footer-help-contact a:first-child {
                padding-top: var(--cf-footer-help-contact-links-padding-top);
            }

        .cf-footer-grid .cf-footer-help-contact i {
            margin-left: var(--cf-footer-help-contact-link-icon-margin);
        }

    .cf-footer-grid .cf-footer-socials {
        grid-area: cf-footer-socials;
    }

        .cf-footer-grid .cf-footer-socials div {
            display: flex;
            justify-content: flex-end;
        }

/*### Global */

.cf-color-1 {
    color: var(--cf-color-1);
}

.cf-color-2 {
    color: var(--cf-color-2);
}

.cf-color-opposite {
    color: var(--cf-color-opposite);
}

.cf-full-container {
    max-width: 100%;
}

.cf-text-container {
    padding: var(--cf-text-container-padding);
}

.cf-text-uppercase {
    text-transform: uppercase;
}

.cf-button {
    font: var(--cf-button-font);
    border: 0;
    padding: var(--cf-button-padding);
}

.cf-button-1 {
    color: var(--cf-color-opposite);
    background-color: var(--cf-color-1);
}

/* Forms */
.cf-form-control {
    color: var(--cf-input-text-color);
    background-color: var(--cf-input-background-color);
    width: var(--cf-form-control-width);
    height: var(--cf-form-control-height);
    border: var(--cf-validation-error-control-border-width) solid transparent;
    border-radius: 0px;
    padding: var(--cf-form-control-padding);
}

    .cf-form-control:focus {
        outline: none;
    }

select.cf-form-control {
    appearance: none;
}

.cf-form-control-select-popup-wrapper {
    position: relative;
}

    .cf-form-control-select-popup-wrapper:after {
        position: absolute;
        top: var(--cf-form-select-check-top);
        right: var(--cf-form-select-check-right);
        content: "";
        border: solid var(--cf-form-select-check-color);
        border-width: 0 var(--cf-form-select-check-width) var(--cf-form-select-check-width) 0;
        display: inline-block;
        padding: var(--cf-form-select-check-length);
        transform: rotate(45deg);
        pointer-events: none;
    }

.cf-form-submit {
    width: 100%;
    height: 2em;
    border: 0;
    border-radius: 0px;
    padding: 0.2em 0.5em;
    text-transform: uppercase;
    font-weight: bold;
}

.cf-form-error > ul {
    padding: unset;
    list-style-type: none;
    color: var(--cf-color-alert);
}

.cf-form-control.input-validation-error {
    color: var(--cf-validation-error-control-text-color);
    border-color: var(--cf-validation-error-control-border-color);
}

.field-validation-error {
    display: inline-block;
    width: auto;
    text-align: left;
    padding: var(--cf-validation-error-padding);
    margin-top: var(--cf-validation-error-margin);
    background-color: var(--cf-validation-error-background-color);
    color: var(--cf-validation-error-color);
}

/* Icons */
.cf-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cf-social-icon-background-width);
    height: var(--cf-social-icon-background-height);
    border-radius: var(--cf-icon-border-radius) var(--cf-icon-border-radius) var(--cf-icon-border-radius) var(--cf-icon-border-radius);
    margin-right: var(--cf-social-icon-margin);
}

    .cf-icon:last-child {
        margin-right: unset;
    }

    .cf-icon svg {
        width: var(--cf-social-icon-width);
        height: var(--cf-social-icon-height);
    }

/* Badge */

.cf-lease-notification {
    position: relative;
}

    .cf-lease-notification:after {
        content: "";
        position: absolute;
        background-color: var(--cf-color-alert);
        height: 10px;
        width: 10px;
        top: -0.25rem;
        right: 0.1rem;
        border-radius: 50%;
    }

/* DateTimePicker */
.dw-calendar.dw-range .popover,
.dw-calendar.dw-range .btn {
    border-radius: 0;
}

.dw-calendar.dw-range .btn-primary {
    color: var(--cf-color-opposite);
    background-color: var(--cf-color-2);
}

.dw-calendar.dw-range .btn.btn-default:not(.dw-cal-btn) {
    border: 1px solid gray;
}

/* Icons: social */
.cf-icon-social {
    background-color: var(--cf-color-icons);
}

    .cf-icon-social svg {
        fill: var(--cf-icon-social-color);
    }

    .cf-icon-social:hover {
        background-color: transparent;
        transition: all .3s;
    }

        .cf-icon-social:hover svg {
            fill: var(--cf-icon-social-hovered-color);
        }

/* Announcements */
.cf-announcement {
    padding: var(--cf-home-announcement-padding);
    border: var(--cf-home-announcement-border);
    border-radius: var(--cf-home-announcement-border-radius);
    color: var(--cf-home-announcement-color);
    background-color: var(--cf-home-announcement-background-color);
}

    .cf-announcement:not(:first-child) {
        margin-bottom: var(--cf-home-announcement-container-vertical-padding);
    }

    .cf-announcement h1 {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin: 0;
    }

    .cf-announcement h2 {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin: 0;
    }

/* Alerts */
.alert {
    padding: 16px;
    border: none;
    border-radius: 0;
}


/* Tabs */
.nav.nav-tabs.standard {
    --bs-nav-tabs-border-color: var(--cf-color-med-light-grey);
    --bs-nav-tabs-link-active-border-color: var(--cf-color-med-light-grey);
    --bs-nav-tabs-link-active-bg: var(--cf-color-brand-light-blue);
    --bs-nav-link-color: var(--cf-color-dark-blue);
    --bs-nav-tabs-link-active-color: var(--cf-color-dark-blue);
    --bs-link-hover-color: var(--cf-color-brand-blue);
    --bs-nav-tabs-border-radius: 0;
    padding-left: 8px;
}

    .nav.nav-tabs.standard .nav-item .nav-link {
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
    }

        .nav.nav-tabs.standard .nav-item .nav-link.active {
            border-bottom: var(--bs-nav-tabs-border-width) solid var(--settings-background-color);
        }


@media screen and (max-width: 1024px) {

    body header > .cf-content {
        padding-left: var(--cf-header-left-padding);
    }

    body > header > .cf-content .cf-header-actions {
        display: none;
    }

    .cf-header .cf-header-action-row-site-slant {
        display: none;
    }

    .cf-header .cf-mobile-menu {
        display: flex;
    }

        .cf-header .cf-mobile-menu .cf-mobile-menu-slant {
            height: var(--cf-header-height);
            width: 28px;
            background: var(--cf-header-bottom-action-row-slant-background);
        }

    .cf-header .cf-mobile-menu-icon {
        background-color: var(--cf-color-dark-blue);
        height: var(--cf-header-height);
        display: flex;
        width: 80px;
        padding: 24px;
        align-items: center;
    }

        .cf-header .cf-mobile-menu-icon button {
            background: none;
            border: none;
        }

        .cf-header .cf-mobile-menu-icon i {
            color: var(--cf-color-off-white);
            font-size: 36px;
        }

    .cf-header .cf-header-actions.mobile-show {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        height: 100vh;
        width: 100%;
        position: fixed;
        z-index: 99;
        background-color: var(--cf-color-dark-blue);
        transition-duration: 0.5s;
        overflow-x: hidden;
        right: 0;
        top: var(--cf-header-height);
        padding-top: 40px;
        padding-left: 24px;
    }

        .cf-header .cf-header-actions.mobile-show .cf-header-action-row-site,
        .cf-header .cf-header-actions.mobile-show .cf-header-action-row-profile {
            padding: unset;
            margin: unset;
        }

        .cf-header .cf-header-actions.mobile-show .cf-header-action-row-site {
            display: grid;
            margin-bottom: 32px;
            padding-bottom: 32px;
            border-bottom: 1px solid var(--cf-color-brand-light-blue);
        }

            .cf-header .cf-header-actions.mobile-show .cf-header-action-row-site .cf-header-action-row-site-links,
            .cf-header .cf-header-actions.mobile-show .cf-header-action-row-profile .cf-header-action-row-profile-authenticated,
            .cf-header .cf-header-actions.mobile-show .cf-header-action-row-profile .cf-header-action-row-profile-unauthenticated {
                grid-row-gap: 32px;
                flex-direction: column;
                padding: 0;
            }

                .cf-header .cf-header-actions.mobile-show .cf-header-action-row-site .cf-header-action-row-site-links a,
                .cf-header .cf-header-actions.mobile-show .cf-header-action-row-profile .cf-header-action-row-profile-authenticated a,
                .cf-header .cf-header-actions.mobile-show .cf-header-action-row-profile .cf-header-action-row-profile-authenticated .cf-report-links-dropdown,
                .cf-header .cf-header-actions.mobile-show .cf-header-action-row-profile .cf-header-action-row-profile-unauthenticated a {
                    grid-column: span 12;
                }

                .cf-header .cf-header-actions.mobile-show .cf-header-action-row-profile .cf-header-action-row-profile-authenticated .cf-report-links-dropdown-content {
                    left: 0;
                }

    .cf-header .cf-header-actions.mobile-show .cf-header-action-row-site a,
    .cf-header .cf-header-actions.mobile-show .cf-header-action-row-profile .cf-header-action-row-profile-authenticated a h6,
    .cf-header .cf-header-actions.mobile-show .cf-header-action-row-profile .cf-header-action-row-profile-unauthenticated a h6 {
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        margin-bottom: 0px;
        color: var(--cf-color-white);
    }


    .cf-header .cf-header-actions.mobile-show i {
        font-size: 24px;
        margin-right: 12px;
        color: var(--cf-color-brand-blue);
    }


    /* Tablet Footer */
    body > footer {
        background-color: var(--cf-color-light-grey);
        padding: 48px 0px;
    }

    .cf-footer-grid {
        padding: 0 40px;
        grid-template-columns: 1fr;
        grid-template-areas:
            "cf-footer-logo"
            "cf-footer-info"
            "cf-footer-links"
            "cf-footer-help-contact"
            "cf-footer-socials"
    }

        .cf-footer-grid .cf-footer-logo {
            flex-direction: column;
            padding-bottom: var(--cf-footer-tablet-padding-bottom);
        }

        .cf-footer-grid .cf-footer-info {
            padding-bottom: var(--cf-footer-tablet-padding-bottom);
            max-width: unset;
        }

        .cf-footer-grid .cf-footer-links .cf-link-row {
            flex-direction: column;
            align-items: flex-start;
        }

            .cf-footer-grid .cf-footer-links .cf-link-row a {
                margin-right: unset;
                margin-bottom: var(--cf-footer-tablet-link-margin-bottom);
            }

                .cf-footer-grid .cf-footer-links .cf-link-row a:last-child {
                    margin-bottom: var(--cf-footer-tablet-margin-bottom);
                }

        .cf-footer-grid .cf-footer-help-contact div {
            align-items: flex-start;
        }

        .cf-footer-grid .cf-footer-help-contact a {
            margin-bottom: var(--cf-footer-tablet-margin-bottom);
        }

            .cf-footer-grid .cf-footer-help-contact a:first-child {
                padding-top: 0;
            }

        .cf-footer-grid .cf-footer-socials div {
            justify-content: flex-start;
        }
}

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

    .cf-header .mobile-hide {
        display: none;
    }

    /* Mobile Footer */
    .cf-footer-grid {
        padding: 0 24px;
    }
}