:root {
    --lwc-colorRed: #ff4622;
    --lwc-borderColor: #585c60;
    --lwc-colorDark: #383838;
    --lwc-colorGrey: #dce0e4;
    --fds-colorTuna: #67677a;
    --fds-colorMist: #DFDFE3;
    --fds-colorBlackRussian: #01013F;
    --fds-colorKingFisher: #01013F;
    --fds-placeholder-color: #c6c7c7;
    --lwc-fontSize: 16px;
    --lwc-fontWeight: 600;

    --fds-btnBgColor: #27F6B0;
    --fds-alertColor: #2B65FF;
    --fds-errorColor: #ED1F3A;

    --fds-color-lightGray: #fafafa;
    --fds-full-space: 100;
    --fds-opacity: 10;
    --fds-space: 5;
    --fds-line-height: 10;
    --fds-line-height-100: 100;
    --fds-color-black: #000;
    --fds-color-white: #fff;
    --fds-color-gray:#b0e2d8;
    --fds-colorCloudy:#dfdfdf;
    --fds-bg-color: #f5f5f7;

    --fds-primary-color: #0026a8;
    --fds-text-color: #01013f;

    --fds-box-shadow: 0 5px 7px -3px rgb(177 177 177 / 80%);
    --fds-border-gray: solid 1px #e7e7e7;
}

::-webkit-input-placeholder { /* Edge */
    color: var(--fds-placeholder-color) !important;
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--fds-placeholder-color) !important;
}
::placeholder {
    color: var(--fds-placeholder-color) !important;
}

.grecaptcha-badge {
    z-index: 999 !important;
    visibility: hidden;
}

/** Gibson */
@font-face {
    font-family: 'Gibson-Bold-Italic';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-bold-italic.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-bold-italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Gibson-Semibold';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-semibold.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Gibson-Italic';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-italic.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Gibson-Semibold-Italic';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-semibold-italic.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-semibold-italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Gibson-Light';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-light.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Gibson-Light-Italic';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-light-italic.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-light-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Gibson-Bold';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-bold.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Gibson-Regular';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-regular.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gibson-Medium';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-medium.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gibson-Book';
    src: url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-book.woff2') format('woff2'), url('/s/sfsites/c/resource/HubblAssets/fonts/gibson/gibson-book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, html, p, legend, a {
    font-family: "Gibson-Regular";
    font-size: 16px;
}

body, html {
    background-color: var(--fds-bg-color) !important;
}

/* Fonts Family */
.fds-text { font-family: "Gibson-Regular" !important; }
.fds-text_book { font-family: "Gibson-Book" !important; }
.fds-text_medium { font-family: "Gibson-Medium" !important; }
.fds-text_light { font-family: "Gibson-Light" !important; }
.fds-text_bold-italic { font-family: "Gibson-Bold-Italic" !important; }
.fds-text_semibold { font-family: "Gibson-Semibold" !important; }
.fds-text_italic { font-family: "Gibson-Italic" !important; }
.fds-text_semibold-italic { font-family: "Gibson-Semibold-Italic" !important; }
.fds-text_light-italic { font-family: "Gibson-Light-Italic" !important; }
.fds-text_bold { font-family: "Gibson-Bold" !important; }

.fds-text-heading_medium {
    font-size: 28px;    /*24px in mobile*/
    line-height: 1.21;   /*1.25*/
}
.fds-text-subheading {
    font-size: 20px;    /*16px in mobile*/
    line-height: 1.3;   /*1.38*/
}
.fds-text-body_small {
    font-size: 10px;
    font-weight: 300;
}
.fds-text-body_regular {
    font-size: 13px;
    font-weight: 300;
}
.fds-text-body_regular {
    font-size: 14px;    /*14px in mobile*/
    font-weight: 300;   /*300 in mobile*/
    line-height: 1.43;  /*1.43 in mobile*/
}
.fds-text-body_x-regular {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.29;
}
.fds-text-body_medium {
    font-size: 16px;    /*16px in mobile*/
    line-height: 1.75;   /*1.75*/
}
.fds-text-footer {
    font-size: 16px;    /*16px in mobile*/
    line-height: 1.75;   /*1.75*/
    font-weight: 300;
}
.fds-text-body_x-medium {
    font-size: 16px;
    line-height: 1.31;
}
.fds-text-body_xx-medium {
    font-size: 16px;
    line-height: 1.38 !important;
}
.fds-text-body_xxx-medium {
    font-size: 16px;
    line-height: 1.5;
}
.fds-text-body_secondary {
    font-size: 18px;    /*16px in mobile*/
    line-height: 1.33;   /*1.38*/
}

.fds-text-body_x-secondary {
    font-size: 18px;
    line-height: 2.33;
}
.fds-text-body_xx-secondary {
    font-size: 18px;
    line-height: 1.33;
}

/* List */
.fds-list-style_disc {
    list-style-type: disc;
}

/* Position */
.fds-position_relative {
    position: relative;
}

/* Font weight */
.fds-text_weight-normal { font-weight: normal; }
.fds-text_weight-300 { font-weight: 300; }
.fds-text_weight-400 { font-weight: 400; }
.fds-text_weight-500 { font-weight: 500; }

/* Font Colors */
.fds-text-color_black, 
.fds-ql-color_black {
    color: var(--fds-color-black);
    fill: var(--fds-color-black);
}
.fds-text-color_white {
    color: var(--fds-color-white);
    fill: var(--fds-color-white);
}
.fds-text-color_red {
    color: var(--lwc-colorRed);
    fill: var(--lwc-colorRed);
}
.fds-text-color_light-gray {
    color: var(--fds-color-lightGray);
    fill: var(--fds-color-lightGray);
}
.fds-text-color_gray,
.fds-text-color_tuna {
    color: var(--fds-colorTuna);
    fill: var(--fds-colorTuna);
}
.fds-text-color_black-russian {
    color: var(--fds-colorBlackRussian);
    fill: var(--fds-colorBlackRussian);
}
.fds-text-color_gray-scale {
    color: var(--fds-colorMist);
    fill: var(--fds-colorMist);
}
.fds-text-color_magnus-blue {
    color: var(--fds-primary-color);
    fill: var(--fds-primary-color);
}
.fds-text-color_default {
    color: var(--fds-text-color);
    fill: var(--fds-text-color);
}
.fds-text-color_king-fisher {
    color: var(--fds-colorKingFisher);
    fill: var(--fds-colorKingFisher);
}

/* Alignment */
.fds-auto-center {
    margin: 0 auto;
}
.fds-pos_relative { position: relative; }

/* Opacity */
.fds-opacity-3 { opacity: calc(3 / var(--fds-opacity)); }
.fds-opacity-7 { opacity: calc(7 / var(--fds-opacity)); }
.fds-opacity-8 { opacity: calc(8 / var(--fds-opacity)); }

/* Font Sizes */
.fds-text-size_20 { font-size: 20px; }
.fds-text-size_24 { font-size: 24px; }
.fds-text-size_28 { font-size: 28px; }

/* Text Alignment */
.fds-text-align_center { text-align: center; }
.fds-text-align_left {text-align: left; }
.fds-text-align_right {text-align: right; }
.fds-text-underline {text-decoration: underline; }
.fds-text-line-through {text-decoration: line-through; }

/* Line Height */
.fds-lh-11 { line-height: calc(11 / var(--fds-line-height)) ; }
.fds-lh-12 { line-height: calc(12 / var(--fds-line-height)) ; }
.fds-lh-13 { line-height: calc(13 / var(--fds-line-height)) ; }
.fds-lh-14 { line-height: calc(14 / var(--fds-line-height)) ; }
.fds-lh-15 { line-height: calc(15 / var(--fds-line-height)) ; }
.fds-lh-1-63 { line-height: calc(163 / var(--fds-line-height-100)); }
.fds-lh-1-38 { line-height: calc(138 / var(--fds-line-height-100)) ; }

.fds-h-100p { height: 100%; }

/* Background Color */
.fds-bg-color { background-color: var(--fds-bg-color); }
.fds-bg-color_white { background-color: var(--fds-color-white); }
.fds-bg-color_gray { background-color: var(--fds-color-gray); }
.fds-bg-color_x-gray { background-color: var(--fds-colorCloudy); }
.fds-bg-color_grayscale { background-color: var(--fds-colorMist); }
.fds-bg-color_red { background-color: var(--lwc-colorRed); }
.fds-bg-color_dark-denim-blue { background-color: var(--fds-colorKingFisher); }
.fds-bg-color_alert { background-color: var(--fds-alertColor); }
.fds-bg-color_error { background-color: var(--fds-errorColor); }

/* State */
.fds-state_focus-none {
    outline: none;
}
.fds-state_active-none {
    outline: none;
}
.fds-text-hover_nounderline:hover,
.fds-text-hover_nounderline:focus,
.fds-text-hover_nounderline:active {
    text-decoration: none;
}
.fds-text-hover-color_black:hover,
.fds-text-hover-color_black:active,
.fds-text-hover-color_black:focus {
    color: var(--fds-color-black);
    fill: var(--fds-color-black);
}
.fds-text-hover-color_white:hover,
.fds-text-hover-color_white:active,
.fds-text-hover-color_white:focus {
    color: var(--fds-color-white);
    fill: var(--fds-color-white);
}
.fds-text-hover-color_tuna:hover,
.fds-text-hover-color_tuna:active,
.fds-text-hover-color_tuna:focus {
    color: var(--fds-colorTuna);
    fill: var(--fds-colorTuna);
}

.fds-text-hover-color_black-russian:hover,
.fds-text-hover-color_black-russian:active,
.fds-text-hover-color_black-russian:focus {
    color: var(--fds-colorBlackRussian);
    fill: var(--fds-colorBlackRussian);
}
.fds-text-hover-color_king-fisher:hover,
.fds-text-hover-color_king-fisher:active,
.fds-text-hover-color_king-fisher:focus {
    color: var(--fds-colorKingFisher);
    fill: var(--fds-colorKingFisher);
}
.fds-text-hover-color_light-gray:hover,
.fds-text-hover-color_light-gray:active,
.fds-text-hover-color_light-gray:focus {
    color: var(--fds-color-lightGray);
    fill: var(--fds-color-lightGray);
}
.fds-text-hover-color_magnus-blue:hover,
.fds-text-hover-color_magnus-blue:active,
.fds-text-hover-color_magnus-blue:focus {
    color: var(--fds-primary-color);
    fill: var(--fds-primary-color);
}
.fds-text-hover-bg_color-gray:hover {
    background-color: #f5f5f5;
}
.fds-text-hover-color_default:hover,
.fds-text-hover-color_default:active,
.fds-text-hover-color_default:focus {
    color: var(--fds-text-color);
    fill: var(--fds-text-color);
}
a.link:hover,
a.link:active,
a.link:visited,
a.link:focus {
    text-decoration: none;
}

/* Border Radius */
.fds-br-1 { border-radius: 1px; }
.fds-br-2 { border-radius: 2px; }
.fds-br-3 { border-radius: 3px; }
.fds-br-4 { border-radius: 4px; }
.fds-br-5 { border-radius: 5px; }
.fds-br-8 { border-radius: 8px; }
.fds-action-box {
    border-radius: 3px;
    border: solid 1px #e7e7e7;
    background-color: #fff;
}

/* Display */
.fds-display_table { display: table; }
.fds-display_flex { display: flex; }
.fds-display_block { display: block; }
.fds-flex_inline { display: inline-flex; }
.fds-flex { display: flex; flex-wrap: wrap; }
.fds-flex_no-wrap { flex-wrap: nowrap; }
.fds-display_none {display: none;}
.fds-wrap { flex-wrap: wrap; align-items: flex-start; }
.fds-flex_wrap { flex-wrap: wrap; }
.fds-flex-align_center { align-items: center; }
.fds-flex-align_baseline { align-items: baseline; }
.fds-flex-align_justify-center { justify-content: center; }
.fds-flex-align_justify-space-between { justify-content: space-between; }
.fds-flex-align_justify-flex-end { justify-content: flex-end; }
.fds-flex-direction_row { flex-direction: row; }
.fds-flex_auto { flex: 1 1 auto; }
.fds-flex_grow { flex: 1; }

.fds-flex-grow { flex-grow: 1; }
.fds-flex-shrink { flex-shrink: 1; }
.fds-flex-basis_none { flex-basis: 0; }

.fds-text_truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Width */
.fds-width_85p { width: 85%; }

.fds-flex-gap_column-1 { column-gap: calc(var(--fds-space) * 1px); }
.fds-flex-gap_column-2 { column-gap: calc(var(--fds-space) * 2px); }
.fds-flex-gap_column-3 { column-gap: calc(var(--fds-space) * 3px); }
.fds-flex-gap_column-4 { column-gap: calc(var(--fds-space) * 4px); }
.fds-flex-gap_column-5 { column-gap: calc(var(--fds-space) * 5px); }
.fds-flex-gap_column-6 { column-gap: calc(var(--fds-space) * 6px); }
.fds-flex-gap_column-7 { column-gap: calc(var(--fds-space) * 7px); }
.fds-flex-gap_column-7px { column-gap: 7px; }
.fds-flex-gap_column-8 { column-gap: calc(var(--fds-space) * 8px); }
.fds-flex-gap_column-27 { column-gap: 27px; }
.fds-flex-gap_column-28 { column-gap: 28px; }
.fds-flex-gap_row-1 { row-gap: calc(var(--fds-space) * 1px); }
.fds-flex-gap_row-2 { row-gap: calc(var(--fds-space) * 2px); }
.fds-flex-gap_row-3 { row-gap: calc(var(--fds-space) * 3px); }
.fds-flex-gap_row-4 { row-gap: calc(var(--fds-space) * 4px); }
.fds-flex-gap_row-5 { row-gap: calc(var(--fds-space) * 5px); }
.fds-flex-gap_row-6 { row-gap: calc(var(--fds-space) * 6px); }
.fds-flex-gap_row-7 { row-gap: calc(var(--fds-space) * 7px); }
.fds-flex-gap_row-8 { row-gap: calc(var(--fds-space) * 8px); }
.fds-flex-gap-1 { gap: calc(var(--fds-space) * 1px); }
.fds-flex-gap-2 { gap: calc(var(--fds-space) * 2px); }
.fds-flex-gap-3 { gap: calc(var(--fds-space) * 3px); }
.fds-flex-gap-4 { gap: calc(var(--fds-space) * 4px); }
.fds-flex-gap-5 { gap: calc(var(--fds-space) * 5px); }
.fds-flex-gap-6 { gap: calc(var(--fds-space) * 6px); }
.fds-flex-gap-7 { gap: calc(var(--fds-space) * 7px); }
.fds-flex-gap-8 { gap: calc(var(--fds-space) * 8px); }

.fds-column_count-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.fds-column_count-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    column-gap: calc(var(--fds-space) * 5px);
}



/* Buttons */
.fds-btn,
[c-subscribetoalerts_subscribetoalerts] .slds-modal__footer button {
    background-color: var(--fds-btnBgColor);
    border-radius: 16px;
    min-height: 32px;
    border: 1px solid var(--fds-btnBgColor);
    color: var(--fds-primary-color);
    font-family: 'Gibson-Medium';
    font-size: 14px;
    line-height: 1.29;
    align-items: center;
    display: inline-flex;
    width: 186.7px;
    justify-content: center;
    padding: 6px 20px;
    font-weight: 400 !important;
    font-stretch: normal !important;
    text-align: center;
}
button.fds-btn[disabled] {
    background-color: rgba(30,198,141, .7);
    border-color: rgba(30,198,141, .7);
}

/* Icons */
.fds-topic-icon {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.fds-topic-icon_discover-buy { background-image: url('/s/sfsites/c/resource/HubblAssets/icons/topics/discover-buy.png'); }
.fds-topic-icon_deliveries-setup-returns { background-image: url('/s/sfsites/c/resource/HubblAssets/icons/topics/deliveries-setup-returns.png'); }
.fds-topic-icon_using-hubbl { background-image: url('/s/sfsites/c/resource/HubblAssets/icons/topics/using-hubbl.png'); }
.fds-topic-icon_manage-account-billing { background-image: url('/s/sfsites/c/resource/HubblAssets/icons/topics/manage-account-billing.png'); }
.fds-topic-icon_whats-on-hubbl { background-image: url('/s/sfsites/c/resource/HubblAssets/icons/topics/whats-on-hubbl.png'); }
.fds-topic-icon_fix-a-problem { background-image: url('/s/sfsites/c/resource/HubblAssets/icons/topics/fix-a-problem.png'); }

.fds-contactus-icon {
    height: 81px;
    width: 81px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
}
.fds-contactus-icon_live-chat {
    background-image: url('/s/sfsites/c/resource/HubblAssets/icons/contact-us/live-chat.png');
}
.fds-contactus-icon_enquiry {
    background-image: url('/s/sfsites/c/resource/HubblAssets/icons/contact-us/enquiry.png');
}

.fds-webform-icon {
    width: 73px;
    height: 63.2px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
}
.fds-webform-icon_submitted { background-image: url('/s/sfsites/c/resource/HubblAssets/icons/webform-submitted.png'); }
.fds-webform-submitted-icon-container {
    padding-bottom: 413.8px;
}

/* Padding */
.fds-p-1 { padding: calc(var(--fds-space) * 1px); }.fds-pt-1 { padding-top: calc(var(--fds-space) * 1px); } .fds-pr-1 { padding-right: calc(var(--fds-space) * 1px); } .fds-pb-1 { padding-bottom: calc(var(--fds-space) * 1px); } .fds-pl-1 { padding-left: calc(var(--fds-space) * 1px); }.fds-px-1 { padding-left: calc(var(--fds-space) * 1px) !important; padding-right: calc(var(--fds-space) * 1px) !important; }.fds-py-1 { padding-top: calc(var(--fds-space) * 1px); padding-bottom: calc(var(--fds-space) * 1px); }
.fds-p-2 { padding: calc(var(--fds-space) * 2px); }.fds-pt-2 { padding-top: calc(var(--fds-space) * 2px); } .fds-pr-2 { padding-right: calc(var(--fds-space) * 2px); } .fds-pb-2 { padding-bottom: calc(var(--fds-space) * 2px); } .fds-pl-2 { padding-left: calc(var(--fds-space) * 2px); }.fds-px-2 { padding-left: calc(var(--fds-space) * 2px); padding-right: calc(var(--fds-space) * 2px); }.fds-py-2 { padding-top: calc(var(--fds-space) * 2px); padding-bottom: calc(var(--fds-space) * 2px); }
.fds-p-3 { padding: calc(var(--fds-space) * 3px); }.fds-pt-3 { padding-top: calc(var(--fds-space) * 3px); } .fds-pr-3 { padding-right: calc(var(--fds-space) * 3px); } .fds-pb-3 { padding-bottom: calc(var(--fds-space) * 3px); } .fds-pl-3 { padding-left: calc(var(--fds-space) * 3px); }.fds-px-3 { padding-left: calc(var(--fds-space) * 3px); padding-right: calc(var(--fds-space) * 3px); }.fds-py-3 { padding-top: calc(var(--fds-space) * 3px); padding-bottom: calc(var(--fds-space) * 3px); }
.fds-p-4 { padding: calc(var(--fds-space) * 4px); }.fds-pt-4 { padding-top: calc(var(--fds-space) * 4px); } .fds-pr-4 { padding-right: calc(var(--fds-space) * 4px); } .fds-pb-4 { padding-bottom: calc(var(--fds-space) * 4px); } .fds-pl-4 { padding-left: calc(var(--fds-space) * 4px); }.fds-px-4 { padding-left: calc(var(--fds-space) * 4px); padding-right: calc(var(--fds-space) * 4px); }.fds-py-4 { padding-top: calc(var(--fds-space) * 4px); padding-bottom: calc(var(--fds-space) * 4px); }
.fds-p-5 { padding: calc(var(--fds-space) * 5px); }.fds-pt-5 { padding-top: calc(var(--fds-space) * 5px); } .fds-pr-5 { padding-right: calc(var(--fds-space) * 5px); } .fds-pb-5 { padding-bottom: calc(var(--fds-space) * 5px); } .fds-pl-5 { padding-left: calc(var(--fds-space) * 5px); }.fds-px-5 { padding-left: calc(var(--fds-space) * 5px); padding-right: calc(var(--fds-space) * 5px); }.fds-py-5 { padding-top: calc(var(--fds-space) * 5px); padding-bottom: calc(var(--fds-space) * 5px); }
.fds-p-6 { padding: calc(var(--fds-space) * 6px); }.fds-pt-6 { padding-top: calc(var(--fds-space) * 6px); } .fds-pr-6 { padding-right: calc(var(--fds-space) * 6px); } .fds-pb-6 { padding-bottom: calc(var(--fds-space) * 6px); } .fds-pl-6 { padding-left: calc(var(--fds-space) * 6px); }.fds-px-6 { padding-left: calc(var(--fds-space) * 6px); padding-right: calc(var(--fds-space) * 6px); }.fds-py-6 { padding-top: calc(var(--fds-space) * 6px); padding-bottom: calc(var(--fds-space) * 6px); }
.fds-p-7 { padding: calc(var(--fds-space) * 7px); }.fds-pt-7 { padding-top: calc(var(--fds-space) * 7px); } .fds-pr-7 { padding-right: calc(var(--fds-space) * 7px); } .fds-pb-7 { padding-bottom: calc(var(--fds-space) * 7px); } .fds-pl-7 { padding-left: calc(var(--fds-space) * 7px); }.fds-px-7 { padding-left: calc(var(--fds-space) * 7px); padding-right: calc(var(--fds-space) * 7px); }.fds-py-7 { padding-top: calc(var(--fds-space) * 7px); padding-bottom: calc(var(--fds-space) * 7px); }
.fds-p-8 { padding: calc(var(--fds-space) * 8px); }.fds-pt-8 { padding-top: calc(var(--fds-space) * 8px); } .fds-pr-8 { padding-right: calc(var(--fds-space) * 8px); } .fds-pb-8 { padding-bottom: calc(var(--fds-space) * 8px); } .fds-pl-8 { padding-left: calc(var(--fds-space) * 8px); }.fds-px-8 { padding-left: calc(var(--fds-space) * 8px); padding-right: calc(var(--fds-space) * 8px); }.fds-py-8 { padding-top: calc(var(--fds-space) * 8px); padding-bottom: calc(var(--fds-space) * 8px); }
.fds-p-9 { padding: calc(var(--fds-space) * 9px); }.fds-pt-9 { padding-top: calc(var(--fds-space) * 9px); } .fds-pr-9 { padding-right: calc(var(--fds-space) * 9px); } .fds-pb-9 { padding-bottom: calc(var(--fds-space) * 9px); } .fds-pl-9 { padding-left: calc(var(--fds-space) * 9px); }.fds-px-9 { padding-left: calc(var(--fds-space) * 9px); padding-right: calc(var(--fds-space) * 9px); }.fds-py-9 { padding-top: calc(var(--fds-space) * 9px); padding-bottom: calc(var(--fds-space) * 9px); }
.fds-p-10 { padding: calc(var(--fds-space) * 10px); }.fds-pt-10 { padding-top: calc(var(--fds-space) * 10px); } .fds-pr-10 { padding-right: calc(var(--fds-space) * 10px); } .fds-pb-10 { padding-bottom: calc(var(--fds-space) * 10px); } .fds-pl-10 { padding-left: calc(var(--fds-space) * 10px); }.fds-px-10 { padding-left: calc(var(--fds-space) * 10px); padding-right: calc(var(--fds-space) * 10px); }.fds-py-10 { padding-top: calc(var(--fds-space) * 10px); padding-bottom: calc(var(--fds-space) * 10px); }
.fds-p-11 { padding: calc(var(--fds-space) * 11px); }.fds-pt-11 { padding-top: calc(var(--fds-space) * 11px); } .fds-pr-11 { padding-right: calc(var(--fds-space) * 11px); } .fds-pb-11 { padding-bottom: calc(var(--fds-space) * 11px); } .fds-pl-11 { padding-left: calc(var(--fds-space) * 11px); }.fds-px-11 { padding-left: calc(var(--fds-space) * 11px); padding-right: calc(var(--fds-space) * 11px); }.fds-py-11 { padding-top: calc(var(--fds-space) * 11px); padding-bottom: calc(var(--fds-space) * 11px); }
.fds-p-12 { padding: calc(var(--fds-space) * 12px); }.fds-pt-12 { padding-top: calc(var(--fds-space) * 12px); } .fds-pr-12 { padding-right: calc(var(--fds-space) * 12px); } .fds-pb-12 { padding-bottom: calc(var(--fds-space) * 12px); } .fds-pl-12 { padding-left: calc(var(--fds-space) * 12px); }.fds-px-12 { padding-left: calc(var(--fds-space) * 12px); padding-right: calc(var(--fds-space) * 12px); }.fds-py-12 { padding-top: calc(var(--fds-space) * 12px); padding-bottom: calc(var(--fds-space) * 12px); }

/* Margin */
.fds-mx-auto { margin-left:auto; margin-right:auto }
.fds-m-1 { margin: calc(var(--fds-space) * 1px); }.fds-mt-1 { margin-top: calc(var(--fds-space) * 1px); } .fds-mr-1 { margin-right: calc(var(--fds-space) * 1px); } .fds-mb-1 { margin-bottom: calc(var(--fds-space) * 1px); } .fds-ml-1 { margin-left: calc(var(--fds-space) * 1px); }.fds-mx-1 { margin-left: calc(var(--fds-space) * 1px); margin-right: calc(var(--fds-space) * 1px); }.fds-my-1 { margin-top: calc(var(--fds-space) * 1px); margin-bottom: calc(var(--fds-space) * 1px); }
.fds-m-2 { margin: calc(var(--fds-space) * 2px); }.fds-mt-2 { margin-top: calc(var(--fds-space) * 2px); } .fds-mr-2 { margin-right: calc(var(--fds-space) * 2px); } .fds-mb-2 { margin-bottom: calc(var(--fds-space) * 2px); } .fds-ml-2 { margin-left: calc(var(--fds-space) * 2px); }.fds-mx-2 { margin-left: calc(var(--fds-space) * 2px); margin-right: calc(var(--fds-space) * 2px); }.fds-my-2 { margin-top: calc(var(--fds-space) * 2px); margin-bottom: calc(var(--fds-space) * 2px); }
.fds-m-3 { margin: calc(var(--fds-space) * 3px); }.fds-mt-3 { margin-top: calc(var(--fds-space) * 3px); } .fds-mr-3 { margin-right: calc(var(--fds-space) * 3px); } .fds-mb-3 { margin-bottom: calc(var(--fds-space) * 3px); } .fds-ml-3 { margin-left: calc(var(--fds-space) * 3px); }.fds-mx-3 { margin-left: calc(var(--fds-space) * 3px); margin-right: calc(var(--fds-space) * 3px); }.fds-my-3 { margin-top: calc(var(--fds-space) * 3px); margin-bottom: calc(var(--fds-space) * 3px); }
.fds-m-4 { margin: calc(var(--fds-space) * 4px); }.fds-mt-4 { margin-top: calc(var(--fds-space) * 4px); } .fds-mr-4 { margin-right: calc(var(--fds-space) * 4px); } .fds-mb-4 { margin-bottom: calc(var(--fds-space) * 4px); } .fds-ml-4 { margin-left: calc(var(--fds-space) * 4px); }.fds-mx-4 { margin-left: calc(var(--fds-space) * 4px); margin-right: calc(var(--fds-space) * 4px); }.fds-my-4 { margin-top: calc(var(--fds-space) * 4px); margin-bottom: calc(var(--fds-space) * 4px); }
.fds-m-5 { margin: calc(var(--fds-space) * 5px); }.fds-mt-5 { margin-top: calc(var(--fds-space) * 5px); } .fds-mr-5 { margin-right: calc(var(--fds-space) * 5px); } .fds-mb-5 { margin-bottom: calc(var(--fds-space) * 5px); } .fds-ml-5 { margin-left: calc(var(--fds-space) * 5px); }.fds-mx-5 { margin-left: calc(var(--fds-space) * 5px); margin-right: calc(var(--fds-space) * 5px); }.fds-my-5 { margin-top: calc(var(--fds-space) * 5px); margin-bottom: calc(var(--fds-space) * 5px); }
.fds-m-6 { margin: calc(var(--fds-space) * 6px); }.fds-mt-6 { margin-top: calc(var(--fds-space) * 6px); } .fds-mr-6 { margin-right: calc(var(--fds-space) * 6px); } .fds-mb-6 { margin-bottom: calc(var(--fds-space) * 6px); } .fds-ml-6 { margin-left: calc(var(--fds-space) * 6px); }.fds-mx-6 { margin-left: calc(var(--fds-space) * 6px); margin-right: calc(var(--fds-space) * 6px); }.fds-my-6 { margin-top: calc(var(--fds-space) * 6px); margin-bottom: calc(var(--fds-space) * 6px); }
.fds-m-7 { margin: calc(var(--fds-space) * 7px); }.fds-mt-7 { margin-top: calc(var(--fds-space) * 7px); } .fds-mr-7 { margin-right: calc(var(--fds-space) * 7px); } .fds-mb-7 { margin-bottom: calc(var(--fds-space) * 7px); } .fds-ml-7 { margin-left: calc(var(--fds-space) * 7px); }.fds-mx-7 { margin-left: calc(var(--fds-space) * 7px); margin-right: calc(var(--fds-space) * 7px); }.fds-my-7 { margin-top: calc(var(--fds-space) * 7px); margin-bottom: calc(var(--fds-space) * 7px); }
.fds-mb-7p { margin-bottom: 7px; }
.fds-m-8 { margin: calc(var(--fds-space) * 8px); }.fds-mt-8 { margin-top: calc(var(--fds-space) * 8px); } .fds-mr-8 { margin-right: calc(var(--fds-space) * 8px); } .fds-mb-8 { margin-bottom: calc(var(--fds-space) * 8px); } .fds-ml-8 { margin-left: calc(var(--fds-space) * 8px); }.fds-mx-8 { margin-left: calc(var(--fds-space) * 8px); margin-right: calc(var(--fds-space) * 8px); }.fds-my-8 { margin-top: calc(var(--fds-space) * 8px); margin-bottom: calc(var(--fds-space) * 8px); }
.fds-m-9 { margin: calc(var(--fds-space) * 9px); }.fds-mt-9 { margin-top: calc(var(--fds-space) * 9px); } .fds-mr-9 { margin-right: calc(var(--fds-space) * 9px); } .fds-mb-9 { margin-bottom: calc(var(--fds-space) * 9px); } .fds-ml-9 { margin-left: calc(var(--fds-space) * 9px); }.fds-mx-9 { margin-left: calc(var(--fds-space) * 9px); margin-right: calc(var(--fds-space) * 9px); }.fds-my-9 { margin-top: calc(var(--fds-space) * 9px); margin-bottom: calc(var(--fds-space) * 9px); }
.fds-m-11 { margin: calc(var(--fds-space) * 10px); }.fds-mt-10 { margin-top: calc(var(--fds-space) * 10px); } .fds-mr-10 { margin-right: calc(var(--fds-space) * 10px); } .fds-mb-10 { margin-bottom: calc(var(--fds-space) * 10px); } .fds-ml-10 { margin-left: calc(var(--fds-space) * 10px); }.fds-mx-10 { margin-left: calc(var(--fds-space) * 10px); margin-right: calc(var(--fds-space) * 10px); }.fds-my-10 { margin-top: calc(var(--fds-space) * 10px); margin-bottom: calc(var(--fds-space) * 10px); }
.fds-m-11 { margin: calc(var(--fds-space) * 11px); }.fds-mt-11 { margin-top: calc(var(--fds-space) * 11px); } .fds-mr-11 { margin-right: calc(var(--fds-space) * 11px); } .fds-mb-11 { margin-bottom: calc(var(--fds-space) * 11px); } .fds-ml-11 { margin-left: calc(var(--fds-space) * 11px); }.fds-mx-11 { margin-left: calc(var(--fds-space) * 11px); margin-right: calc(var(--fds-space) * 11px); }.fds-my-11 { margin-top: calc(var(--fds-space) * 11px); margin-bottom: calc(var(--fds-space) * 11px); }
.fds-m-12 { margin: calc(var(--fds-space) * 12px); }.fds-mt-12 { margin-top: calc(var(--fds-space) * 12px); } .fds-mr-12 { margin-right: calc(var(--fds-space) * 12px); } .fds-mb-12 { margin-bottom: calc(var(--fds-space) * 12px); } .fds-ml-12 { margin-left: calc(var(--fds-space) * 12px); }.fds-mx-12 { margin-left: calc(var(--fds-space) * 12px); margin-right: calc(var(--fds-space) * 12px); }.fds-my-12 { margin-top: calc(var(--fds-space) * 12px); margin-bottom: calc(var(--fds-space) * 12px); }


/* Community Alert Banner - modal */
[c-subscribetoalerts_subscribetoalerts] .slds-modal__header {
    background-color: var(--fds-primary-color) !important;
    border-radius: 0;
    padding: 25px 0 !important;
}
[c-subscribetoalerts_subscribetoalerts] .slds-modal__content,
[c-subscribetoalerts_subscribetoalerts] .slds-modal__footer {
    background-color: #f5f5f7 !important;
}
[c-subscribetoalerts_subscribetoalerts] .slds-modal__content {
    border-bottom: none;
    text-align: center;
}
[c-subscribetoalerts_subscribetoalerts] .slds-modal__content .emailLabel {
    margin-bottom: 0;
}
[c-subscribetoalerts_subscribetoalerts] .slds-modal__content .spinnerHolder {
    text-align: center;
}
[c-subscribetoalerts_subscribetoalerts] .slds-modal__content > div:not(.emailrequired),
[c-subscribetoalerts_subscribetoalerts] .slds-modal__content > div.message-position:not(.emailrequired) {
    font-family: 'Gibson-Book' !important;
    font-size: 16px;
    color: #67677a !important;
    line-height: 1.38;
}
[c-subscribetoalerts_subscribetoalerts] .slds-modal__footer {
    text-align: center;
    border-top: none;
}
[c-subscribetoalerts_subscribetoalerts].richTextContainer span p {
    font-family: 'Gibson-Book' !important;
}

/* Overrides */
.contentRegion {
    background-color: #f7f7f9;
}
.comm-content-header,
.contentRegion,
.comm-content,
.comm-content-footer {
    padding: 0px !important;
}
.siteforceContentArea .comm-layout-column .ui-widget:not(:last-child), 
.siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {
    margin-bottom: 0px !important;
}
.siteforceStarterBody .cCenterPanel {
    margin-top: 0px !important;
}
.slds-p-horizontal_medium, .slds-p-horizontal--medium {
    padding: 0px !important;
    margin-top: 0px !important;
}
.slds-col_padded, .slds-col--padded {
    padding: 0px !important;
}
.siteforceContentArea .comm-layout-column:not(:empty) {
    padding: 0px !important;
}
.siteforceStarterBody .cCenterPanel {
    max-width: 100% !important;
}

/* Chat Overrides */
button.minimizeButton[embeddedService-chatHeader_chatHeader],
button.closeButton[embeddedService-chatHeader_chatHeader] {
    padding-top:0px !important;
}
button[embeddedService-chatHeader_chatHeader] {
    height: inherit !important;
    margin-right: 0px !important;
}
.embeddedServiceLiveAgentStateChatItem .isCommunitiesContext {
    margin: 0 0px 0px 0 !important;
}
.embeddedServiceLiveAgentStateChatItem .isCommunitiesContext .avatar {
    transform: none !important;
    height: 40px !important;
    width: 40px !important;
    margin: 0px !important;
    padding: 5px !important;
}
.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.chasitor.plaintextContent {
    background: #333 !important;
}
.embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer {
    background-color: var(--fds-primary-color) !important;
    border: 1px solid var(--fds-primary-color) !important;
    font-family: 'Gibson-Book' !important;
}
button.minimizeButton:focus-visible {
    border: none !important;
    outline: none !important;
}
.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu {
    width: auto !important;
    margin-left: 50px !important;
}
a.message-link,
.chasitor .slds-rich-text-editor__output span a {
    font-weight: normal;
}
.slds-rich-text-editor__output[c-chatBot_chatBot] span {
    min-height: 20px !important;
    line-height: 1.43 !important;
}

a.message-link,
a.message-link:hover {
    color: #CB3205;
}
.chasitor .slds-rich-text-editor__output span a,
.chasitor .slds-rich-text-editor__output span a:hover {
    font-family: 'Gibson-Light' !important;
    font-size: 16px !important;
    line-height: 18.2px !important;
    color: #1787F7 !important;
    text-decoration: underline;
}
.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu {
    width: 54px !important;
    height: 77px !important;
    background-color: #f5f5f7 !important;
}
.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext {
    background-color: var(--fds-primary-color) !important;
    background-image: url('/s/sfsites/c/resource/HubblAssets/icons/bot-avatar.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0px !important;
    border: none !important;
    bottom: 30px !important;
}
.embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow {
    height: 77px !important;
    min-height: 77px !important;
    background-color: #fff !important;
    box-shadow: 0px 1px 19px -5px #000;
}
.embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .chasitorText {
    padding: 20px 14px !important;
}
.embeddedServiceLiveAgentStateChatInputFooter .footerMenuWrapper .footer-menu .slds-button_icon-container-more {
    margin-top: 5px !important;
}
.embeddedServiceLiveAgentStateChatInputFooter .chasitorControls .uiInput,
.embeddedServiceLiveAgentStateChatInputFooter .chasitorControls .uiInput::placeholder {
    color: #000 !important;
    line-height: 1.38 !important;
    font-size: 16px !important;
    font-family: 'Gibson-Book' !important;
    font-weight: normal !important;
}
.embeddedServiceLiveAgentStateChatAvatar.isCommunitiesContext .iconAvatar {
    display: none;
}
.embeddedServiceLiveAgentStateChatItem.agent .nameAndTimeContent {
    padding-top: 14px !important;
    font-size: 13px;
    font-family: 'Gibson-Regular';
    color: var(--fds-colorTuna);
    line-height: 1.31;
}

[c-prechatform_prechatform] .embeddedServiceLiveAgentStateChatMessage .uiOutputRichText {
    font-family: 'Gibson-Book' !important;
}
.embeddedServiceLiveAgentStateChat .messageArea:focus {
    border: none !important
}

.stateBody.embeddedServiceSidebarState.embeddedServiceSidebarDialogState .dialogTextContainer {
    font-size: 16px !important;
}
.embeddedServiceSidebarMinimizedDefaultUI.helpButton .messageContent {
    justify-content: flex-start !important;
}
.embeddedServiceSidebarMinimizedDefaultUI.helpButton {
    border-radius: 0px !important;
}
.forceCommunityEmbeddedServiceHelpButton .flatButton,
.sidebarMinimized .helpButton {
    background-color: var(--fds-primary-color) !important;
    font-weight: normal !important;
    text-transform: none !important;
    height: 53px !important;
    border: var(--fds-primary-color) !important;
    font-family: 'Gibson-Medium' !important;
    font-size: 16px !important;
    width: 179px !important;
}
.forceCommunityEmbeddedServiceHelpButton .flatButton .helpButtonLabel,
.sidebarMinimized .helpButton .minimizedText {
    align-self: center !important;
    text-align: left !important;
}
.embeddedServiceSidebarMinimizedDefaultUI {
    width: 125px !important;
}
.forceCommunityEmbeddedServiceHelpButton .message,
.sidebarMinimized .message {
    font-size: 16px !important;
    font-family: "Gibson-Medium" !important;
    padding-left: 14px;
    line-height: normal;
    text-align: center;
}
.embeddedServiceSidebarMinimizedDefaultUI .minimizedText>.message {
    font-size: 16px !important;
    font-family: "Gibson-Medium" !important;
}
.embeddedServiceSidebarMinimizedDefaultUI .content {
    padding: 0px !important;
}
header.sidebarHeader {
    height: 52px !important;
    padding: 15px 15px 13px 21px !important;
}
.sidebarHeader h2 {
    color: #27f6b0 !important;
    height: 19px;
    font-family: 'Gibson-Medium' !important;
    font-weight: 500 !important;
    line-height: normal;
    letter-spacing: normal !important;
}
embeddedservice-chat-header svg.slds-icon-text-default {
    height: 15px !important;
    width: 15px !important;
    fill: #27f6b0 !important;
    margin: 0 auto !important;
}
.embeddedServiceSidebarButton span {
    font-family: "Gibson-Medium" !important;
    color: var(--fds-primary-color) !important;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton:hover,
.sidebarMinimized .helpButton:hover {
    background-color: #333 !important;
}

.embeddedServiceSidebarButton {
    background-color: #333 !important;
    font-family: 'Gibson-Book' !important;
    height: 50px !important;
}
.waitingGreeting, .waitingMessage {
    font-family: 'Gibson-Book' !important;
    color: var(--fds-colorTuna);
}

.embeddedServiceSidebarButton.uiButton--inverse {
    background-color: var(--fds-btnBgColor) !important;
    border-radius: 25px;
    margin-top: 5px !important;
}
.embeddedServiceSidebarButton.uiButton--inverse:hover,
.embeddedServiceSidebarButton.uiButton--inverse:focus,
.embeddedServiceSidebarButton.uiButton--inverse:active,
.embeddedServiceSidebarButton:not(:disabled):focus, 
.embeddedServiceSidebarButton:not(:disabled):hover {
    outline: none !important;
    text-decoration: none !important;
    border: none !important;
}

.embeddedServiceSidebarButton.uiButton--inverse .label {
    color: var(--fds-primary-color) !important;
    font-family: 'Gibson-Medium' !important;
}
.embeddedServiceSidebarDialogState .dialogButton:first-child,
.embeddedServiceSidebarDialogState .dialogButton:first-child:hover,
.embeddedServiceSidebarDialogState .dialogButton:first-child:active {
    background-color: var(--fds-btnBgColor) !important;
    border-radius: 25px;
}
.embeddedServiceSidebarDialogState .dialogButton:first-child span {
    color: var(--fds-primary-color) !important;
    font-family: 'Gibson-Medium' !important;
}
.embeddedServiceSidebarDialogState .dialogButton:hover {
    background-color: var(--fds-btnBgColor) !important;
    border: none !important;
}

[embeddedService-chatHeader_chatHeader] h2 {
    font-size: 15px !important;
}

.chatSessionStartTime {
    padding-top: 25px;
    padding-bottom: 21px;
    margin-bottom: 0px !important;
}
.chatSessionStartTime > span, 
.eventMessage > div {
    font-size: 13px;
    color: #01013f;
    font-family: 'Gibson-Book';
    text-align: center;
    opacity: 0.5;
    min-height: 17px !important;
    line-height: 1.31;
}
.embeddedServiceLiveAgentStateChatItem.agent .agentName {
    margin-left: 64px !important;
    color: #01013f !important;
    height: 17px !important;
    font-weight: normal !important;
}
.embeddedServiceLiveAgentStateChatItem.chatMessage {
    padding: 0px 7px !important;
}

[c-prechatform_prechatform] [c-modifyfoxtellinks2_modifyfoxtellinks2] .slds-rich-text-editor__output span,
[c-prechatform_prechatform] .slds-rich-text-editor__output span p:first-child span {
    font-size: 13px !important;
    font-family: "Gibson-Light" !important;
}

.agent.chat-content[c-modifyFoxtelLinks2_modifyFoxtelLinks2] {
    color: black !important;
}

.embeddedServiceSidebar.sidebarMaximized {
    background: none !important;
    height: 0px !important;
    width: 0px !important;
}
/* .embeddedServiceSidebar.layout-docked .dockableContainer, 
.embeddedServiceSidebar.layout-float .dockableContainer {
    height: auto !important
} */
.embeddedServiceSidebar.layout-docked .dockableContainer {
    left: auto !important;
    right: 49px !important; /*As mentioned in the Zeplin*/
    box-shadow: 2px 2px 20px rgb(0 0 0 / 20%) !important;
    position: fixed !important;
    bottom: 0 !important;
    margin: 12px auto 0px auto !important;
    min-height: 461px !important;
}
.pre-chat-container span u a {
    text-decoration: underline;
}
.pre-chat-container span, .pre-chat-container span u a {
    font-family: 'Gibson-Book';
    font-size: 13px !important;
    line-height: 1.31;
    color: var(--fds-colorRed);
    height: 17px;
    display: inline-block;
    font-weight: 400;
}
.forceCommunityEmbeddedServiceHelpButton .flatButton,
.sidebarMinimized .helpButton {
    padding: 9px 11px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    bottom: 0 !important;
    position: fixed;
    right: 10px !important;
}
.agent.chat-content[c-modifyFoxtelLinks2_modifyFoxtelLinks2] .slds-rich-text-editor__output span,
.chasitor.chat-content[c-modifyFoxtelLinks2_modifyFoxtelLinks2] .slds-rich-text-editor__output span{
    font-family: 'Gibson-Light' !important;
    font-size: 14px !important;
    line-height: 18.2px !important;
}
.embeddedServiceLiveAgentStateChatItem.chatMessage button span {
    font-family: 'Gibson-Light',sans-serif !important;
    font-size: 14px !important;
}
.chat-content.agent, .chat-content.chasitor {
    border: 1px solid rgba(223, 223, 227, .7);
    border-radius: 16px;
    float: left;
    padding: 23px 14px 21px 14px !important;
    font-family: 'Gibson-Book';
    font-weight: normal;
    line-height: 1.57;
    font-size: 14px;
    text-align: left !important;
    color: #67677a !important;
    min-height: 64px;
}
.chat-content.agent {
    background-color: #dfdfe3 !important;
    margin-left: 50px;
    width: 240px;
}
.chat-content.chasitor {
    background-color: #fafafa !important;
    margin-left: 64px;
    min-width: 192px !important;
}
.embeddedServiceLiveAgentStateChatInputFooter .chasitorText {
    font-family: 'Gibson-Light' !important;
    font-size: 16px !important;
}
.embeddedServiceLiveAgentStateChatInputFooter .chasitorText:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

/* Form Element */
.fds-form-element {
    margin-bottom: 15px;
}
c-hubbl-file-upload .fds-form-element {
    margin-bottom: 0px !important;
}
.fds-form-element .fds-form-element__label, 
.slds-form-element__label,
[c-subscribetoalerts_subscribetoalerts] .slds-modal__content .emailLabel {
    font-size: 16px !important;
    line-height: 22px;
    color: var(--fds-colorTuna);
    font-family: 'Gibson-Regular';
    display: block;
    padding-bottom: 5px;
}
.fds-form-element .fds-form-element__label span {
    color: var(--fds-colorTuna);
    font-family: 'Gibson-Light';
}
.fds-form-element label {
    min-height: 22px !important;
    font-family: 'Gibson-Book' !important;
}
.fds-form-element .fds-form-element__control .fds-input, 
c-hubbl-form-select .slds-combobox__input {
    border: 1px solid rgb(103, 103, 122, 0.35);
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.5;
    border-radius: 3px;
}
span.slds-radio .slds-form-element__label, 
.slds-checkbox .slds-form-element__label {
    font-family: 'Gibson-Book' !important;
}
.fds-form-element .fds-form-element__control .fds-input, 
.slds-combobox__input, 
.slds-input, 
.slds-file-selector_files .slds-file-selector__text,
.fds-textarea textarea {
    border: 1px solid rgb(103, 103, 122, 0.35);
    width: 100%;
    border-radius: 3px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--fds-colorTuna);
    padding: 15px;
    font-family: 'Gibson-Regular';
    background-color: #fff;
}
.fds-form-element .fds-form-element__control input.fds-input,
.slds-combobox__input,
.slds-input {
    height: 50px;
}
.fds-form-element .fds-form-element__control .fds-input:active,
.fds-textarea textarea:active,
.fds-form-element .fds-form-element__control .fds-input:focus,
.fds-textarea textarea:focus,
.slds-combobox__input:focus {
    outline: none !important;
    border: 1px solid rgb(103, 103, 122, 0.35) !important;
    box-shadow: none !important;
}
.fds-textarea textarea {
    height: 192px;
    resize: none;
}
/* .fds-form-element.has-error .fds-form-element__control .fds-input {
    background-image: url('/s/sfsites/c/resource/HubblAssets/icons/chevron-arrow-down.png');
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: center;
    background-color: white;
} */
.has-error .error-icon {
    width: 25px;
    height: 25px;
    position: absolute;
    line-height: 1;
    border: 0;
    z-index: 2;
    right: 2%;
    background-image: url('/s/sfsites/c/resource/HubblAssets/icons/webform-error.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slds-has-error .slds-input {
    border: 1px solid rgba(159,159,159, .7) !important;
    outline: none !important;
    box-shadow: none !important;
}
.has-error .error-icon.text {
    bottom: 20%;
    margin-top: -3%;
}
.has-error .error-icon.textarea {
    bottom: 7%;
}
/* label.slds-radio__label span.slds-form-element__label, 
.slds-checkbox__label span.slds-form-element__label {
    font-size: 16px !important;
    font-family: 'Gibson-Book' !important;
} */
select.fds-input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('/s/sfsites/c/resource/HubblAssets/icons/chevron-arrow-down.png');
    background-repeat: no-repeat;
    background-position: 96%;
}
.fds-form-element.has-error .fds-form-element__control .error-message {
    border-left: 7px solid red;
    height: 45px !important;
    padding: 11px 0 11px 8.2px;
    margin-top: 6px;
}
.fds-form-element.has-error .fds-form-element__control .error-message:after,
.slds-has-error .slds-form-element__help:after {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    background-color: inherit;
    right: 2%;
    bottom: 29px;
}
.fds-form-element.has-error.radio-and-select-error .error-message:after {
    width: 1rem;
    height: 1rem;
    right: 0;
    left: 3%;
    bottom: 36px;
}

/* Hidden / Spacer */
.hidden-spacer-width_313 { width: 313px; }
.hidden-spacer {
    visibility: hidden;
    height: 0;
}


/* Components */
    /* Header */
    .fds-header-navigation {
        border-bottom: 1px solid #f6f6f7;
        background-color: #f6f6f7;
    }
    .fds-header-container {
        width: 1147px;
        margin: 0 auto;
        height: 68px;
    }
    .fds-header-container > ul {
        height: 68px;
    }
    .header-icon {
        width: 110px;
        height: 28px;
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/logo.png');
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 35px;
        background-size: contain;
        margin-top: 21px;
        margin-bottom: 20.2px;
    }
    .header-menu-links ul li {
        width: 84px;
    }
    .header-menu-links ul li c-hubbl-link a {
        height: 39px;
        margin-top: 22.7px;
        border-bottom: 2px solid transparent;
    }
    .header-menu-links ul li c-hubbl-link a:hover,
    .header-menu-links ul li c-hubbl-link a.active {
        border-bottom: 2px solid var(--fds-primary-color);
        font-weight: bold;
    }
    .header-actions {
        width: 100%;
    }
    .header-mobile-menu.open {
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/mobile-menu-close.png');
    }
    .header-mobile-menu.close {
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/burger-menu-large.png');
    }
    .header-mobile-menu {
        display: none;
        width: 32px;
        height: 60%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: transparent;
        border: none;
        z-index: 10;
    }
    .header-mobile-menu-list {
        width: 334px;
        position: absolute;
        right: 0;
        background-color: var(--fds-colorKingFisher);
        z-index: 9;
        min-height: 459px;
        padding: 68.5px 20.8px;
    }
    .header-mobile-menu-list ul li c-hubbl-link a {
        border-top: 1px solid rgba(255,255,255,.2);
        border-bottom: 1px solid rgba(255,255,255,.2);
    }
    .header-mobile-menu-list ul li:first-child c-hubbl-link a {
        border-top: 2px solid rgba(255,255,255,.2);
    }
    .header-mobile-menu-list ul li:last-child c-hubbl-link a {
        border-bottom: 2px solid rgba(255,255,255,.2);
    }
    .nav-actions {
        height: 100%;
    }
    .community-header {
        height: 424px;
        background-image: url('/s/sfsites/c/resource/HubblHeroImages/header.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .community-header .menu {
        height: 70px; 
        background-color: #333; 
        opacity: .7;
    }
    .community-header-title {
        font-size: 60px;
        margin-top: 119px;
        line-height: 1.17;  /*2.06 in mobile*/
        font-weight: 300;
        height: 80px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    }
    .fds-search-container {
        width: 476px;
    }
    .community-header-search-input {
        width: 100%;
        height: 51px;
        border: none;
        font-size: 20px;
        border-radius: 4px;
        line-height: 1.3;
    }

    .community-header-search-input:focus {
        outline: none;
    }

    
    /* Alert Banner */
    .community-alert-box {
        padding-top: 19px;
        padding-bottom: 19px;
    }
    .fds-incident-banner {
        min-height: 70px;
    }
    .fds-incident-banner-message lightning-formatted-rich-text span p {
        font-family: 'Gibson-Book';
    }
    .incident-icon {
        height: 25px;
        width: 25px;
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/incident-error.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .incident-msg {
        width: 100%;
    }
    .fds-incident-banner-message {
        max-width: 600px;
    }
    .fds-incident-banner-message a {
        color: #fff;
    }
    .fds-incident-banner-message a:hover {
        text-decoration: none;
    }
    .alert-banner-link {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 90;
    }
    c-subscribe-to-alerts .slds-form-element__label {
        height: 22px !important;
        line-height: 1.38 !important;
        color: #67677a !important;
    }
    c-subscribe-to-alerts .slds-input {
        border-radius: 3px !important;
        border: 1px solid rgba(103, 103, 122, 0.35) !important;
    }
    c-subscribe-to-alerts .slds-modal__footer {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    c-subscribe-to-alerts .slds-modal__header .slds-modal__close lightning-icon {
        display: none;
    }
    c-subscribe-to-alerts .slds-modal__header .slds-modal__close {
        top: 10px;
        right: 10px;
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/alert-banner-close.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    c-subscribe-to-alerts .slds-modal__content {
        padding: 27px 36px 0px 35px;
    }
    c-subscribe-to-alerts .slds-modal__footer {
        padding: 21px 36px 70px 35px;
    }
    c-subscribe-to-alerts .emailrequired {
        border-left: 7px solid red;
        padding-left: 8.2px !important;
        padding-top: calc(var(--fds-space) * 2px);
        padding-bottom: calc(var(--fds-space) * 2px);
        padding-right: calc(var(--fds-space) * 2px);
        background-color: var(--fds-colorMist);
        color: var(--fds-colorTuna) !important;
        fill: var(--fds-colorTuna);
        font-size: 16px;
        line-height: 1.5;
        font-family: "Gibson-Regular" !important;
        text-align: left;
        margin-top: 5px;
    }

    /* Topics */
    c-hubbl-topics > div:not(.hubbl-breadcrumb-topics) {
        background-color: #f5f5f7;
        min-height: 500px;
    }
    .hubbl-topics-wrapper {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    ul.hubbl-topics {
        flex-wrap: wrap;
        gap: 29px;
        justify-content: center;
    }
    .hubbl-topics li {
        width: 313px;
    }
    ul.hubbl-topics li a.topic {
        display: block;
        padding: 13px 57px 20px 56px;
        height: 185px;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
        border-radius: 8px;
    }
    .hubbl-breadcrumb-topics {
        border-bottom: 1px solid var(--fds-colorCloudy);
    }

    .breadcrumb-topics ul::-webkit-scrollbar,
    .subtopics ul::-webkit-scrollbar,
    .topic-subtopics ul::-webkit-scrollbar {
        width: 0;
        background: transparent;
        height:0;
        display: none;
    }

    /* Optional: show position indicator in red */
    .breadcrumb-topics ul::-webkit-scrollbar-thumb,
    .subtopics ul::-webkit-scrollbar-thumb,
    .topic-subtopics ul::-webkit-scrollbar-thumb {
        background: transparent;
        height:0;
        display: none;
    }
    .breadcrumb-topic {
        font-size: 18px;
        line-height: 1.22;
    }

    .breadcrumb-topic, 
    .breadcrumb-topic:hover,
    .breadcrumb-topic:focus,
    .subtopic, 
    .subtopic:hover,
    .subtopic:focus {
        color: var(--fds-colorTuna);
    }
    .breadcrumb-topic.active, .subtopics .subtopic.active {
        color: var(--fds-primary-color);
        text-decoration: underline;
    }
    .hubbl-subtopics {
        border-top: 2px solid var(--fds-colorCloudy);
        background-color: rgba(223,223,223, .3);
    }
    c-hubbl-sub-topics .topic-title {
        min-height: 34px !important;
        padding: 35px 0px 21px 0px !important;
    }
    .subtopics, .subtopics > ul {
        display: block
    }
    .topic-subtopics {
        padding-bottom: 32.8px;
    }
    .subtopics > ul,
    .topic-subtopics > ul {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .topic-subtopics > ul li:not(:last-child) {
        margin-right: 7px;
    }
    .topic-subtopics > ul li {
        padding: 6px 0;
        display: inline-block;
    }
    .subtopics > ul li {
        padding: 22px 0;
        display: inline-block;
    }
    .topic-subtopics c-hubbl-link .subtopic {
        border-radius: 18px;
        padding: 7px 21px;
        border: solid 1.2px rgba(103,103,122,35%);
        height: 32px;
        display: inline-block;
        font-weight: normal;
    }
    .topic-subtopics c-hubbl-link .subtopic.active {
        background-color: rgba(103,103,122,35%);
        border: solid 1.2px transparent;
        color: #fff;
        font-family: 'Gibson-Medium' !important;
        font-weight: 500 !important;
    }
    .subtopics c-hubbl-link .subtopic {
        font-size: 16px;
        line-height: 1.38;
        color: var(--fds-colorTuna);
    }
    .subtopics > ul li:not(:last-child) {
        margin-right: 28px;
    }

    /* Subtopic articles */
    .subtopic-articles {
        min-height: 667px;
    }
    .subtopic-articles ul li a,
    .searched-articles li a {
        color: var(--fds-colorKingFisher);
        line-height: 2.5;
        font-size: 18px;
        margin-bottom: 8.4px;
        height: 42px;
    }
    ul.searched-articles li c-hubbl-link a {
        padding-left: 16.7px;
    }
    .searched-articles .search-result.no-article-found {
        height: 50px;
        line-height: 2.78;
    }
    .search-result-loadmore-btn,
    .subtopic-loadmore-btn {
        margin-top: 27.8px;
        margin-bottom: 178px;
    }

    /* Popular Articles */
    .popular-articles {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #fff;
    }
    .popular-articles .fds-container .title {
        min-height: 34px;
        padding-bottom: 27px;
    }
    .popular-articles ul {
        flex-wrap: wrap;
        column-gap: 25px;
        justify-content: center;
    }
    .popular-articles ul li {
        width: 313px;
    }
    .popular-articles ul li c-hubbl-link a {
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/arrow-right.png');
        background-clip: padding-box;
        background-repeat: no-repeat;
        background-position: 98%; 
    }
    .popular-articles ul li.article-item.first-row c-hubbl-link a {
        border-top: 1px solid #dfdfe3;
    }
    .popular-articles ul li c-hubbl-link a {
        padding: 13px 18px 13px 0;
        border-bottom: 1px solid #dfdfe3;
    }

    /* Article */
    .child-article-prefs {
        flex-wrap: wrap;
    }
    .child-article-prefs li {
        display: block;
        width: 100%;
    }
    .child-article-prefs li:before {
        content: '\2022';   /* bullet */
        padding-right: 10px;
        font-family: 'Gibson-Regular' !important;
        font-size: 16px;
        line-height: 26px;
        color: #67677a;
    }
    .child-article-prefs li c-hubbl-link a.active {
        text-decoration: underline;
    }
    .child-articles {
        padding-bottom: 70px;
    }
    .child-articles li:not(:last-child) c-hubbl-article-child .article {
        padding-bottom: 17px;
    }
    .render-as-freetext c-hubbl-article-grand-child:not(:last-child) .gc-article {
        margin-bottom: 21px;
    }
    .render-as-freetext c-hubbl-article-grand-child .gc-article .gc-title {
        padding-bottom: 8px;
    }
    .render-as-accordion c-hubbl-article-grand-child .gc-article {
        border: 1px solid rgba(103, 103, 122, .35);
        border-radius: 4px;
        padding: 14px 21px;
        min-height: 50px;
    }
    .render-as-accordion c-hubbl-article-grand-child:not(:last-child) .gc-article {
        margin-bottom: 7px;
    }
    .render-as-accordion c-hubbl-article-grand-child .gc-article .gc-title {
        padding-bottom: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 85%;
    }
    .render-as-accordion c-hubbl-article-grand-child .gc-article.show .gc-title {
        padding-bottom: 14px;
    }
    .render-as-accordion c-hubbl-article-grand-child .gc-article .gc-content {
        display: none;
    }
    .render-as-accordion c-hubbl-article-grand-child .gc-article.show .gc-content {
        display: block;
    }
    c-hubbl-article .article-title > div {
        min-height: 34px;
        margin-bottom: 27px;
    }
    c-hubbl-article-child .article .child-title {
        margin-bottom: 14px !important;
    }
    .article-summary > div {
        min-height: 26px;
        margin-bottom: 4px;
    }
    .article lightning-formatted-rich-text table {
        width: 100% !important;
    }
    .article lightning-formatted-rich-text img,
    .article lightning-formatted-rich-text span img,
    lightning-formatted-rich-text img,
    lightning-formatted-rich-text span img {
        height: auto !important;
        margin-right: 6px;
    }
    lightning-formatted-rich-text.fds-text_light span p {
        font-family: "Gibson-Light" !important;
    }
    .gc-content lightning-formatted-rich-text.fds-text_light p {
        font-family: 'Gibson-Light';
    }

    /* Accordion */
    .render-as-accordion c-hubbl-article-grand-child .gc-header {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }
    .render-as-accordion c-hubbl-article-grand-child .gc-header .accordion-btn {
        height: 21px;
        width: 21px;
        border: 0;
        background-position: center;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .render-as-accordion c-hubbl-article-grand-child .gc-article.show .gc-header .accordion-btn {
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/accordion-minus.png');
    }
    .render-as-accordion c-hubbl-article-grand-child .gc-article .gc-header .accordion-btn {
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/accordion-plus.png');
    }
    
    .render-as-freetext c-hubbl-article-grand-child .gc-header .accordion-btn {
        display: none;
    }

    /* Search */
    .fds-search-filter {
        width: 333px;
    }
    .search-container {
        min-height: 660px;
    }
    .fds-search-term {
        display: inline-block;
        height: 34px;
    }
    .total-search-results {
        height: 24px;
    }
    .fds-search-filter c-hubbl-form-select .slds-combobox__input {
        border-radius: 3px !important;
        border: 1px solid rgba(103, 103, 122, 0.35) !important;
        padding: 14px 13.9px 13px 14.6px !important;
    }
    c-hubbl-search .slds-icon {
        width: 16.7px !important;
        height: 16.6px !important;
        display: block !important;
    }


    /* Webform */
    .dynamic-webform {
        background-color: rgba(230,235,240, .3);
        border-radius: 20px;
        width: 766px;
    }
    lightning-primitive-file-droppable-zone {
        display: block;
        width: 100%;
        border-style: none !important;
    }
    slot[interop-primitiveFileDroppableZone_primitiveFileDroppableZone] {
        display: block !important;
    }
    .slds-file-selector.slds-file-selector_files {
        display: block !important;
    }
    .slds-file-selector__button {
        display: none !important;
        font-size: 0;
    }
    .slds-file-selector_files .slds-file-selector__text {
        margin: 0 !important;
        padding: 24px 23px;
        width: 100%;
        text-align: center;
        font-size: 0;
        font-family: 'Gibson-Book' !important;
    }
    .slds-file-selector_files .slds-file-selector__text:before {
        content: "Add or drop your files here (PDF, JPEG/JPG, PNG, MOV, MP4, 3GP)";
        font-size: 16px;
        display: block;
        color: var(--fds-colorTuna);
    }
    .files5-at-4mb .slds-file-selector_files .slds-file-selector__text:after {
        content: "(Maximum of 5 files at 4MB per file)";
    }
    .files-accepted-types .slds-file-selector_files .slds-file-selector__text:after {
        content: "(Maximum of 5 files at 4MB per file)";
    }
    .files-accepted-types.disabled .slds-file-selector__text {
        background-color: #f5e7e7 !important;
    }
    .slds-file-selector_files .slds-file-selector__text:after {
        font-size: 11px;
        padding-top: 5px;
        display: block;
        color: var(--fds-colorTuna);
    }
    .slds-file-selector__dropzone slot {
        display: block !important;
    }
    .slds-medium-show {
        display: block !important;
    }
    .invalid-file {
        border: 1px solid var(--fds-primary-color) !important;
        outline: none !important;
    }
    .invalid-file .file-name div {
        width: 80%;
    }
    .invalid-file .file-name p {
        font-size: 11px;
    }
    .slds-radio__label, .slds-checkbox {
        min-height: 22px !important;
        display: block !important;
        margin-bottom: 7px !important;
    }
    .slds-radio__label .slds-form-element__label,
    .slds-checkbox .slds-form-element__label {
        padding: 0 !important;
        margin: 0 !important;
    }
    .webform-last-statement {
        margin-bottom: 28px;
    }

    /* Contact Us */
    .hubbl-contact-us {
        background-color: #f5f5f7;
        padding-bottom: 42px;
    }
    .fds-live-chat-box, .fds-submit-enquiry-box {
        width: 484px; 
        min-height: 231px;
        border-radius: 6.5px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
        background-color: #fff;
        padding: 11px 60px 28px 58.6px;
    }
    .fds-live-chat-box .title, 
    .fds-submit-enquiry-box .title {
        min-height: 24px;
        color: #01013f;
    }
    .fds-live-chat-box .summary, 
    .fds-submit-enquiry-box .summary {
        margin: 6.9px 0 7px;
        min-height: 40px;
        color: #67677a;
    }
    .still-have-questions {
        min-height: 34px;
        margin-bottom: 21px;
    }
    .cnt-us-description {
        margin-bottom: 14px;
        min-height: 24px;
    }

    /* Footer */
    .footer {
        width: 100%; 
        background-image: linear-gradient(to bottom, #1a1767, #0b0a2f);
    }
    .footer-shop-help-about {
        padding-top: 42px;
        padding-bottom: 36px;
    }
    .footer-hubbl-shop {
        width: 180px;
        padding-right: 5%;
    }
    .footer-hubbl-partners {
        padding-left: 5%;
        width: 180px;
        /* padding-right: 54px; */
    }
    .footer-hubbl-about {
        margin-left: 54px;
        width: 170px;
    }
    .footer-hubbl-shop {
        border-right: 1px solid rgb(250 250 250 / 20%);
    }
    /* .footer-magneto-partners {
        width: 295px;
        box-shadow: 1px 0px 0px 0px rgb(255 255 255 / 30%);
    }
    .footer-help-about { width: 495px; }
    .footer-help-link, .footer-about-link { width: 170px; }
    .footer-magneto-link { width: 76px; }
    .footer-partners-link { width: 114px; }
    .footer-help-link, .footer-about-link, .footer-magneto-link, .footer-partners-link {
        display: block;
    }
    .footer-social {
        width: 205px;
        padding: 0 35px 0 120px;
        box-shadow: 1px 0px 0px 0px rgb(255 255 255 / 30%);
    }
    .fds-footer-icon {
        display: block;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
    }
    .fds-footer-insta-icon {
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/social/instagram.png');
    }
    .fds-footer-fb-icon {
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/social/facebook.png');
    }
    .fds-footer-twitter-icon {
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/social/twitter.png');
    }
    .footer-magneto {
        line-height: 2.15;
    } */

    /* Live Chat */
    .dockableContainer.showDockableContainer {
        width: 329px !important;
    }
    .forceCommunityEmbeddedServiceHelpButton .flatButton {
        border-radius: 4px 4px 0 0 !important;
    }
    .forceCommunityEmbeddedServiceHelpButton .flatButton:hover,
    .forceCommunityEmbeddedServiceHelpButton .flatButton:focus,
    .forceCommunityEmbeddedServiceHelpButton .flatButton:active {
        background-color: var(--fds-primary-color) !important;
        outline:none !important;
    }
    .embeddedServiceLiveAgentStateChatInputFooter .fileUploadControls,
    .embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction.Upload, 
    .embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction.Remove {
        background-color: #fff !important;
    }
    .embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction.Upload, 
    .embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction.Remove {
        border: none !important;
    }
    .embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction:focus.Upload, 
    .embeddedServiceLiveAgentStateChatInputFooter .embeddedServiceLiveAgentStateChatAction:focus.Remove {
        outline: none !important;
        box-shadow: none !important;
    }
    .embeddedServiceLiveAgentStateChatInputFooter .fileName, 
    .embeddedServiceLiveAgentStateChatInputFooter .fileDescription {
        font-family: 'Gibson-Regular' !important;
    }
    .chasitorText.textarea:focus, 
    .chasitorText.textarea:active {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }
    .forceCommunityEmbeddedServiceHelpButton .flatButton .embeddedServiceIcon,
    .helpButton .embeddedServiceIcon {
        height: 100%;
        background-image: url('/s/sfsites/c/resource/HubblAssets/icons/chat.png');
        background-repeat: no-repeat;
        width: 35px;
        background-position: center;
        background-size: contain;
    }
    .embeddedServiceLiveAgentQueuePosition .queuePositionChatIcon {
        margin: 0 auto !important;
    }
    .forceCommunityEmbeddedServiceHelpButton .flatButton .embeddedServiceIcon svg {
        display: none;
    }
    embeddedservice-chat-header {
        background-color: var(--fds-primary-color) !important;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .pre-chat-container {
        padding: 25px 28px;
    }
    .pre-chat-container lightning-input {
        text-align: left;
        margin-bottom: 14px;
    }
    .prechat-first-name .slds-form-element__label, 
    .prechat-last-name .slds-form-element__label {
        font-family: 'Gibson-Regular' !important;
    }
    .pre-chat-container lightning-input label {
        padding: 0;
        font-family: 'Gibson-Book';
        font-size: 16px;
        color: var(--fds-colorTuna);
        line-height: 1.38;
        margin-bottom: 7px;
        min-height: 22px;
    }
    .pre-chat-container lightning-input input[type="text"] {
        border-radius: 3px;
        border: solid 1px var(--fds-colorMist);
        height: 50px;
    }
    .pre-chat-container p {
        margin-bottom: 10px !important;
    }
    .pre-chat-container p.prechat-recaptcha {
        margin-bottom: 21px !important;
    }
    .pre-chat-container p, .pre-chat-container p a {
        font-family: 'Gibson-Book';
        font-size: 13px !important;
        line-height: 1.31;
        color: var(--fds-colorTuna);
    }
    .pre-chat-container p a:hover,
    .pre-chat-container p a:focus,
    .pre-chat-container p a:active {
        color: var(--fds-colorTuna);
        fill: var(--fds-colorTuna);
    }
    .pre-chat-container br {
        display: none;
    }
    .pre-chat-container button.slds-button,
    .embeddedServiceLiveAgentStateChat .endChatButton {
        background-color: var(--fds-btnBgColor) !important;
        color: var(--fds-primary-color);
        font-size: 16px;
        line-height: 1.38;
        font-family: 'Gibson-Medium' !important;
        height: 50px !important;
        width: 100%;
        margin-top: 21px;
        border-radius: 25px;
        font-weight: 500;
        font-stretch: normal;
    }
    .embeddedServiceLiveAgentStateChat .endChatButton {
        width: auto !important
    }
    .embeddedServiceLiveAgentStateChatInputFooter .chasitorControls .uiInput--textarea.textarea:active {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }
    .embeddedServiceLiveAgentStateChatMenuMessage ul.rich-menu-items {
        width: 184px !important;
    }
    .embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:first-of-type {
        background: #dfdfe3 !important;
    }
    .chatContent, 
    .chatContent ul li button {
        font-family: 'Gibson-Book' !important;
        font-size: 14px !important;
        text-align: left !important;
    }
    .embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li {
        border-style: solid !important;
        border-color: #9f9f9f !important;
        border-width: 1px 1px 0px 1px !important;
        background: #dfdfe3 !important;
    }
    .embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li:last-child {
        border-bottom-width: 1px !important;
    }
    .embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li button,
    .embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li button:hover {
        background-color: #dfdfe3 !important;
        padding: 10px 14px 10px 14px;
    }
    #dialogTextTitle, .uiOutputRichText {
        font-family: 'Gibson-Book' !important;
    }
    .chat-content a {
        font-family: 'Gibson-Light' !important;
        font-size: 14px !important;
        line-height: 18.2px !important;
        color: #1787F7 !important;
        text-decoration: underline;
    }
    .addresses-dropdown {
        max-height: 230px;
        overflow: auto;
    }
    .addresses-dropdown li.slds-listbox__item {
        padding: 3px 0px;
    }
    .addresses-dropdown li.slds-listbox__item a,
    .addresses-dropdown li.slds-listbox__item p {
        font-family: 'Gibson-Book';
        font-size: 13px;
        align-items: center;
    } 
    .slds-form-element__legend {
        font-weight: normal !important;
    } 
    [lightning-inputaddress_inputaddress] .slds-form-element__row:not(:last-child) {
        margin-bottom: 15px !important;
    }

/* SLDS */
.slds-combobox__input span {
    margin-top: 10px;
    color: var(--fds-colorTuna);
}
.fds-search-filter c-hubbl-form-select .slds-combobox__input span {
    margin-top: 0px !important;
}
c-hubbl-form-select .slds-combobox__input span {
    margin-top: 12px !important;
}
.fds-search-filter c-hubbl-form-select .slds-combobox__input span,
c-hubbl-form-select .slds-combobox__input span {
    line-height: 1.5 !important;
    height: 23px !important;
    font-stretch: normal !important;
    font-weight: normal !important;
}
/* Carousel */
.forceCommunityCarousel a.slds-carousel__indicator-action.slds-is-active {
    background-color: rgb(0, 38, 168) !important;
    border-color: rgb(0, 38, 168) !important;
}

.previousAction .slds-icon-utility-chevronleft svg.slds-icon.slds-icon-text-default, 
.nextAction .slds-icon-utility-chevronright svg.slds-icon.slds-icon-text-default {
    --slds-c-icon-color-foreground: rgb(0, 38, 168) !important;
}
.forceCommunityTileLayout > div {
    border: none !important;
}
.forceCommunityTileLayout > div > div:nth-child(2n) {
    margin-top: 0px !important;
    padding: 10px 5px !important;
    text-align: center !important;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}
.forceCommunityTileLayout > div > div:nth-child(2n) > ul {
    display: none !important;
}
.forceCommunityTileLayout iframe {
    border: 2px !important;
}
.forceCommunityCarousel {
    width: 1059px !important;
    margin: 0 auto !important;
}
.how-to-videos {
    padding: 50px 0px 21px 0;
}
.ui-widget .forceCommunityCarousel {
    padding-bottom: 50px;
}