/* Do not remove the below line */
@font-face {
    font-family: "Roboto Regular";
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/custom/92FE0A483FBAB9BECEC8/Roboto-Regular.1ba679c.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Bold";
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/custom/8BB32BF9A3A88A04487A/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Grape Nuts";
    font-style: normal;
    font-display: swap;
    src: url("../fonts/custom/6AA65D0C2326C690DA4A/GrapeNuts-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Red Hat Display";
    font-style: normal;
    font-display: swap;
    src: url("../fonts/custom/51F6E47F362412D343CF/RedHatDisplay-VariableFont_wght.ttf") format("truetype");
}


:root {
    --heading_font_family: "Red Hat Display", "Red Hat Display", "Red Hat Display", sans-serif;
    --body_font_family: "Red Hat Display", "Red Hat Display", sans-serif;

    /* region Cookie */
    --cookie_bar_background: #FFFFFF;
    --cookie_bar_text_colour: #000000;
    --cookie_bar_control: #11AD78;
    --cookie_bar_control_copy: #FFFFFF;
    --cookie_bar_switch_active: #2196F3;
    --cookie_bar_switch_inactive: #cccccc;
    /* endregion */

    /* region Navbar */
    --navbar_main_background: #FFFFFF;
    --navbar_main_text_colour: #0e3a80;
    --navbar_main_type: contained;
    --navbar_main_alignment: space-between;
    --navbar_main_logo_width: 200px;
    --navbar_main_logo_height: 100px;
    --navbar_main_logo_margin_top: 0px;
    --navbar_main_border: transparent;
    --navbar_main_border_size: 0px;
    --navbar_main_font_family: "Red Hat Display", "Red Hat Display", sans-serif;
    --navbar_main_font_size: '##navbar_main_font_size##';
    --navbar_main_text_transform: none;

    --navbar_main_link_weight: bold;
    --navbar_main_link_text_decoration: none;
    --navbar_main_link_foreground_colour: #0e3a80;
    --navbar_main_link_background_colour: transparent;
    --navbar_main_link_foreground_hover_colour: #11ad78;
    --navbar_main_link_background_hover_colour: transparent;
    --navbar_main_link_foreground_active_colour: #0e3a80;
    --navbar_main_link_background_active_colour: transparent;
    --navbar_main_link_border: transparent;
    --navbar_main_link_border_size: 5px;
    --navbar_main_link_padding_top: 14px;
    --navbar_main_link_padding_right: 0px;
    --navbar_main_link_padding_bottom: 7px;
    --navbar_main_link_padding_left: 20px;
    --navbar_main_link_tablet_right_spacing: 10px;
    --navbar_main_link_tablet_left_spacing: 0px;
    --navbar_main_link_desktop_right_spacing: 30px;
    --navbar_main_link_desktop_left_spacing: 0px;
    --navbar_main_link_font_size: 1.6rem;

    --navbar_top_background: #000000;
    --navbar_top_text_colour: #FFFFFF;
    --navbar_top_link_colour: #FFFFFF;
    --navbar_top_link_background_colour: #000000;
    --navbar_top_link_hover_colour: #000000;
    --navbar_top_link_background_hover_colour: #FFFFFF;
    --navbar_top_link_active_colour: #000000;
    --navbar_top_link_background_active_colour: #FFFFFF;
    --navbar_top_link_focus_colour: #000000;
    --navbar_top_link_background_focus_colour: #FFFFFF;
    --navbar_top_alignment: right;
    --navbar_top_font_size: 1.3rem;
    --navbar_top_border_active: #321f5E;
    --navbar_top_border_hover: #321f5E;
    --navbar_top_border_focus: #321f5E;
    --navbar_top_border_size: 5px;
    --navbar_top_font_family: "Red Hat Display", "Red Hat Display", sans-serif;

    --navbar_bottom_background: #321F5E;
    --navbar_bottom_text_colour: #FFFFFF;
    --navbar_bottom_link_colour: #FFFFFF;
    --navbar_bottom_link_background_colour: #321F5E;
    --navbar_bottom_link_hover_colour: #321F5E;
    --navbar_bottom_link_background_hover_colour: #FFFFFF;
    --navbar_bottom_link_active_colour: #321F5E;
    --navbar_bottom_link_background_active_colour: #FFFFFF;
    --navbar_bottom_link_focus_colour: #321F5E;
    --navbar_bottom_link_background_focus_colour: #FFFFFF;
    --navbar_bottom_link_weight: 700;
    --navbar_bottom_alignment: left;
    --navbar_bottom_font_size: 1.3rem;
    --navbar_bottom_font_family: "Red Hat Display", "Red Hat Display", sans-serif;

    --side_menu_header_background: #FFFFFF;
    --side_menu_title_colour: #000000;
    --side_menu_title_font_size: 1.8rem;
    --side_menu_close_background_colour: #0e3a80;
    --side_menu_close_forefront_colour: #FFFFFF;
    --side_menu_item_background_colour: transparent;
    --side_menu_item_border_colour: #EAEDF2;
    --side_menu_item_copy_colour: #555555;
    --side_menu_item_font_size: 1.6rem;
    --side_menu_burger_icon_colour: #666666;
    --side_menu_burger_background_colour: #FFFFFF;
    /* endregion */

    /* region Banner */
    --banner_position: center;
    --banner_height: 20vw;
    --banner_size: cover;
    --banner_margin_top: 0px;
    --banner_margin_bottom: 0px;
    --banner_hero_width: 400px;
    --banner_hero_background: #321f5e;
    --banner_hero_colour: #ffffff;
    --banner_hero_title_font_size: 3.6rem;
    --banner_hero_title_weight: 500;
    --banner_hero_content_font_size: 1.6rem;
    --banner_hero_content_weight: 400;
    --banner_hero_title_font_family: "Red Hat Display", "Red Hat Display", sans-serif;
    --banner_hero_content_font_family: "Red Hat Display", "Red Hat Display", sans-serif;
    --banner_hero_text_align: center;
    --banner_overlay_colour: rgba(0,0,0,.2);
    --banner_hero_title_text_shadow: none;
    --banner_hero_content_text_shadow: none;

    --mobile_banner_height: 40vw;
    --mobile_banner_hero_title_font_size: 2.25rem;
    --mobile_banner_hero_content_font_size: 1rem;
    /* endregion */

    /* region Content */
    --content_background_colour: #ffffff;
    --content_link_colour: #000000;
    --content_font_colour: #000000;
    --content_bold_colour: #000000;
    --content_italics_colour: #000000;
    --content_list_colour: #000000;
    --content_general_font_size: 1.6rem;
    --content_copy_alignment: left;
    --content_list_alignment: left;
    --content_body_min_height: 70vh;

    --content_header_h1_colour: #0175bf;
    --content_header_h1_font_size: 3.2rem;
    --content_header_h1_weight: bold;
    --content_header_h1_style: normal;
    --content_header_h1_margin_bottom: 5px;
    --content_header_h1_text_transform: inherit;

    --content_header_h2_colour: #0175bf;
    --content_header_h2_font_size: 3rem;
    --content_header_h2_weight: bold;
    --content_header_h2_style: normal;
    --content_header_h2_margin_bottom: 5px;
    --content_header_h2_text_transform: inherit;

    --content_header_h3_colour: #0175bf;
    --content_header_h3_font_size: 2.6rem;
    --content_header_h3_weight: normal;
    --content_header_h3_style: normal;
    --content_header_h3_margin_bottom: 5px;
    --content_header_h3_text_transform: inherit;

    --content_header_h4_colour: #0175bf;
    --content_header_h4_font_size: 2.2rem;
    --content_header_h4_weight: normal;
    --content_header_h4_style: normal;
    --content_header_h4_margin_bottom: 5px;
    --content_header_h4_text_transform: inherit;

    --content_header_h5_colour: #0175bf;
    --content_header_h5_font_size: 1.8rem;
    --content_header_h5_weight: normal;
    --content_header_h5_style: normal;
    --content_header_h5_margin_bottom: 5px;
    --content_header_h5_text_transform: inherit;

    --content_header_h6_colour: #0175bf;
    --content_header_h6_font_size: 1.6rem;
    --content_header_h6_weight: normal;
    --content_header_h6_style: normal;
    --content_header_h6_margin_bottom: 5px;
    --content_header_h6_text_transform: inherit;
    /* endregion */

    /* region Forms */
    --forms_background_colour: #ffffff;
    --forms_border_radius: 0px;
    --forms_label_font_colour: #203C84;
    --forms_label_font_family: "Red Hat Display", "Red Hat Display", sans-serif;
    --forms_label_font_size: 1.4rem;
    --forms_label_font_weight: bold;
    --forms_radio_selected: #321f5e;
    --forms_radio_border: #6f686a;
    --forms_checkbox_selected_background: #5ac5c9;
    --forms_checkbox_selected_tick: #000000;
    --forms_input_border_radius: 4px;
    --forms_input_border_colour: #bfc0c4;
    --forms_input_border_width: 1px;
    --forms_input_background_colour: #ffffff;
    --forms_input_height: 36px;
    --forms_input_font_size: 1.4rem;
    --forms_input_padding_vertical: 6px;
    --forms_input_padding_horizontal: 12px;
    --forms_input_box_shadow: inset 0px 1px 1px rgb(0, 0, 0, 0.1);
    --forms_info_font_size: 1.4rem;
    --forms_info_font_colour: #555;
    --forms_info_link_colour: #58595F;
    --forms_info_bold_colour: #555;
    --forms_info_italics_colour: #555;
    /* endregion */

    /* region Tables */
    --tables_heading_text_align: left;
    --tables_heading_vertical_align: bottom;
    --tables_heading_copy_colour: #58595f;
    --tables_heading_min_height: 40px;
    --tables_heading_font_size: 1rem;
    --tables_heading_font_weight: 700;
    --tables_heading_padding: 8px;
    --tables_heading_line_height: 22px;
    --tables_heading_border_colour: #bfc0c4;
    --tables_heading_border_width: 2px;

    --tables_cell_text_align: left;
    --tables_cell_vertical_align: middle;
    --tables_cell_copy_colour: #58595f;
    --tables_cell_min_height: 40px;
    --tables_cell_font_size: 1rem;
    --tables_cell_font_weight: normal;
    --tables_cell_padding: 8px;
    --tables_cell_line_height: 22px;
    --tables_cell_border_colour: #ddd;
    --tables_cell_border_width: 1px;

    --tables_footer_text_align: left;
    --tables_footer_vertical_align: top;
    --tables_footer_copy_colour: #58595f;
    --tables_footer_min_height: 40px;
    --tables_footer_font_size: 1rem;
    --tables_footer_font_weight: normal;
    --tables_footer_padding: 8px;
    --tables_footer_line_height: 22px;
    --tables_footer_border_colour: #ddd;
    --tables_footer_border_width: 2px;
    /* endregion */

    /* region Footer */
    --footer_background: #f0ecec;
    --footer_text_colour: #717171;
    --footer_link_colour: #717171;
    --footer_link_hover_colour: #0E3A80;
    --footer_link_active_colour: #0e3a80;
    --footer_spacing_top: 50px;
    --footer_spacing_bottom: 30px;
    --footer_link_font_size: 1.4rem;
    --footer_copy_font_size: 1.4rem;
    --footer_link_alignment: center;
    --footer_copy_alignment: center;
    --footer_text_decoration: none;
    --footer_hover_text_decoration: none;
    --footer_text_transform: inherit;
    --footer_font_family_copy: "Red Hat Display", "Red Hat Display", sans-serif;
    --footer_font_family_menu: "Red Hat Display", "Red Hat Display", sans-serif;
    --footer_menu_link_weights: normal;

    --footer_bottom_background: #f0ecec;
    --footer_bottom_text_colour: #717171;
    --footer_bottom_link_colour: #717171;
    --footer_bottom_link_hover_colour: #717171;
    --footer_bottom_link_active_colour: #717171;
    --footer_bottom_spacing_top: 0px;
    --footer_bottom_spacing_bottom: 30px;
    --footer_bottom_font_size: 1.4rem;
    --footer_bottom_alignment: center;
    --footer_bottom_text_decoration: underline;
    --footer_bottom_text_transform: inherit;
    --footer_bottom_font_family: "Red Hat Display", "Red Hat Display", sans-serif;
    /* endregion */

    /* region Primary Button */
    --primary_buttons_background: #11AD78;
    --primary_buttons_text_colour: #FFFFFF;
    --primary_buttons_border_colour: transparent;
    --primary_buttons_border_size: 1px;
    --primary_buttons_font_size: 1.6rem;
    --primary_buttons_radius: 50px;
    --primary_buttons_padding_top: 10px;
    --primary_buttons_padding_right: 35px;
    --primary_buttons_padding_bottom: 10px;
    --primary_buttons_padding_left: 35px;
    --primary_buttons_height: 42px;
    --primary_buttons_width: auto;
    --primary_buttons_weight: bold;
    --primary_buttons_transition: background-color .35s, border-color .35s, color .35s;
    --primary_buttons_box_shadow: none;

    --primary_buttons_active_background: #11ad78;
    --primary_buttons_active_text_colour: #FFFFFF;
    --primary_buttons_active_border_colour: transparent;
    --primary_buttons_active_border_size: 1px;
    --primary_buttons_active_font_size: 1.6rem;
    --primary_buttons_active_radius: 50px;
    --primary_buttons_active_padding_top: 10px;
    --primary_buttons_active_padding_right: 35px;
    --primary_buttons_active_padding_bottom: 10px;
    --primary_buttons_active_padding_left: 35px;
    --primary_buttons_active_height: 42px;
    --primary_buttons_active_width: auto;
    --primary_buttons_active_weight: bold;
    --primary_buttons_active_box_shadow: none;

    --primary_buttons_hover_background: #11ad78;
    --primary_buttons_hover_text_colour: #FFFFFF;
    --primary_buttons_hover_border_colour: transparent;
    --primary_buttons_hover_border_size: 1px;
    --primary_buttons_hover_font_size: 1.6rem;
    --primary_buttons_hover_radius: 50px;
    --primary_buttons_hover_padding_top: 10px;
    --primary_buttons_hover_padding_right: 35px;
    --primary_buttons_hover_padding_bottom: 10px;
    --primary_buttons_hover_padding_left: 35px;
    --primary_buttons_hover_height: 42px;
    --primary_buttons_hover_width: auto;
    --primary_buttons_hover_weight: bold;
    --primary_buttons_hover_box_shadow: none;
    /* endregion */

    /* region Secondary Button */
    --secondary_buttons_background: #203c84;
    --secondary_buttons_text_colour: #FFFFFF;
    --secondary_buttons_border_colour: transparent;
    --secondary_buttons_border_size: 1px;
    --secondary_buttons_font_size: 1.6rem;
    --secondary_buttons_radius: 50px;
    --secondary_buttons_padding_top: 10px;
    --secondary_buttons_padding_right: 35px;
    --secondary_buttons_padding_bottom: 10px;
    --secondary_buttons_padding_left: 35px;
    --secondary_buttons_height: 42px;
    --secondary_buttons_width: auto;
    --secondary_buttons_weight: bold;
    --secondary_buttons_transition: background-color .35s, border-color .35s, color .35s;
    --secondary_buttons_box_shadow: none;

    --secondary_buttons_active_background: #203c84;
    --secondary_buttons_active_text_colour: #FFFFFF;
    --secondary_buttons_active_border_colour: transparent;
    --secondary_buttons_active_border_size: 1px;
    --secondary_buttons_active_font_size: 1.6rem;
    --secondary_buttons_active_radius: 50px;
    --secondary_buttons_active_padding_top: 10px;
    --secondary_buttons_active_padding_right: 35px;
    --secondary_buttons_active_padding_bottom: 10px;
    --secondary_buttons_active_padding_left: 35px;
    --secondary_buttons_active_height: 42px;
    --secondary_buttons_active_width: auto;
    --secondary_buttons_active_weight: bold;
    --secondary_buttons_active_box_shadow: none;

    --secondary_buttons_hover_background: #203c84;
    --secondary_buttons_hover_text_colour: #FFFFFF;
    --secondary_buttons_hover_border_colour: transparent;
    --secondary_buttons_hover_border_size: 1px;
    --secondary_buttons_hover_font_size: 1.6rem;
    --secondary_buttons_hover_radius: 50px;
    --secondary_buttons_hover_padding_top: 10px;
    --secondary_buttons_hover_padding_right: 35px;
    --secondary_buttons_hover_padding_bottom: 10px;
    --secondary_buttons_hover_padding_left: 35px;
    --secondary_buttons_hover_height: 42px;
    --secondary_buttons_hover_width: auto;
    --secondary_buttons_hover_weight: bold;
    --secondary_buttons_hover_box_shadow: none;
    /* endregion */

    /* region Accordion */
    --accordion_tab_background_colour: #ffffff;
    --accordion_tab_copy_colour: #000000;
    --accordion_tab_hover_background_colour: #ffffff;
    --accordion_tab_hover_copy_colour: #000000;
    --accordion_tab_active_background_colour: #ffffff;
    --accordion_tab_active_copy_colour: #000000;
    --accordion_panel_background_colour: #ffffff;
    --accordion_panel_copy_colour: #000000;
    --accordion_tab_font_size: 1.8rem;
    --accordion_tab_font_weight: 700;
    --accordion_tab_icon_size: 16px;
    --accordion_tab_icon_right_spacing: 22px;
    --accordion_tab_vertical_padding: 0px;
    --accordion_tab_horizontal_padding: 0px;
    --accordion_panel_vertical_padding: 0px;
    --accordion_panel_horizontal_padding: 0px;
    --accordion_panel_border: #fefefe;
    --accordion_panel_border_size: 0px;
    /* endregion */

    /* region RAF */
    --raf_main_header: #000000;
    --raf_sub_header: #000000;
    --raf_success_panel: #006106;
    --raf_success_panel_copy: #FFFFFF;
    --raf_info_panel: #d9f1ff;
    --raf_info_panel_copy: #555555;
    /* endregion */

    /* region Item Blocks */
    --item_blocks_style: top;
    --item_blocks_background: #f2f2f2;
    --item_blocks_header_colour: #321f5e;
    --item_blocks_copy_colour: #58595f;
    --item_blocks_header_font_family: "Red Hat Display", "Red Hat Display", sans-serif;
    --item_blocks_header_font_size: 1.8rem;
    --item_blocks_header_line_height: 18px;
    --item_blocks_header_weight: 700;
    --item_blocks_header_text_transform: '##item_blocks_header_text_transform##';
    --item_blocks_header_alignment: center;
    --item_blocks_copy_text_transform: '##item_blocks_copy_text_transform##';
    --item_blocks_copy_alignment: center;
    --item_blocks_copy_font_family: "Red Hat Display", "Red Hat Display", sans-serif;
    --item_blocks_copy_font_size: 1.4rem;
    --item_blocks_body_padding_vertical: 40px;
    --item_blocks_body_padding_horizontal: 40px;
    --item_blocks_image_padding: 0px;
    --item_blocks_border_colour: transparent;
    --item_blocks_box_radius: 0px;
    --item_blocks_border_size: 0px;
    --item_blocks_box_shadow: none;
    /* endregion */
}

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

/* region Cookie */
.cookie-banner-container .cookie-banner-control {
    color: var(--cookie_bar_control_copy);
    border-bottom-color: var(--cookie_bar_control);
}

.cookie-banner-container .cookie-banner-module .cookie-banner-content {
    background-color: var(--cookie_bar_background);
    color: var(--cookie_bar_text_colour) !important;
}

.cookie-banner-container .cookie-banner-module .cookie-banner-content a {
    color: var(--cookie_bar_text_colour) !important;
}

.slider-container .slider-control-simple {
    background-color: var(--cookie_bar_switch_inactive) !important;
}

.slider-container input:checked + .slider-control-simple {
    background-color: var(--cookie_bar_switch_active) !important;
}

.cookie-bar-container {
    background-color: var(--cookie_bar_background);
}

.cookie-bar-container p,
.cookie-bar-container p a {
    color: var(--cookie_bar_text_colour) !important;
}

/* endregion */

/* region Nav Logo */
.nav-logo img {
    max-width: var(--navbar_main_logo_width);
    max-height: var(--navbar_main_logo_height);
    margin-top: var(--navbar_main_logo_margin_top);
    height: auto;
    width: auto;
}

/* endregion */

/* region Main Nav Bar */
.brand-nav.navbar-head {
    background-color: var(--navbar_main_background);
}

.navbar.navbar-default.has-border {
    border-bottom: var(--navbar_main_border_size) solid var(--navbar_main_border) !important;
}

@media (min-width: 768px) {
    .brand-nav.navbar-head ul li {
        margin-right: var(--navbar_main_link_tablet_right_spacing);
        margin-left: var(--navbar_main_link_tablet_left_spacing);
    }
}

@media (min-width: 992px) {
    .brand-nav.navbar-head ul li {
        margin-right: var(--navbar_main_link_desktop_right_spacing);
        margin-left: var(--navbar_main_link_desktop_left_spacing);
    }
}

.brand-nav.navbar-head .main-nav > ul > li > a {
    color: var(--navbar_main_link_foreground_colour);
    background-color: var(--navbar_main_link_background_colour);
    font-family: var(--navbar_main_font_family);
    font-size: var(--navbar_main_link_font_size);
    font-weight: var(--navbar_main_link_weight);
    text-decoration: var(--navbar_main_link_text_decoration);
    text-transform: var(--navbar_main_text_transform);
}

.brand-nav.navbar-head .main-nav > ul > li > a > span {
    color: var(--navbar_main_text_colour);
    font-family: var(--navbar_main_font_family);
    padding: var(--navbar_main_link_padding_top) var(--navbar_main_link_padding_right) var(--navbar_main_link_padding_bottom) var(--navbar_main_link_padding_left);
    font-size: var(--navbar_main_link_font_size);
    font-weight: var(--navbar_main_link_weight);
    text-decoration: var(--navbar_main_link_text_decoration);
    text-transform: var(--navbar_main_text_transform);
}

.brand-nav.navbar-head .main-nav ul a:hover {
    border-color: var(--navbar_main_link_border);
    border-bottom-width: var(--navbar_main_link_border_size)
}

.brand-nav.navbar-head .main-nav ul a:hover span {
    color: var(--navbar_main_link_foreground_hover_colour);
    background-color: var(--navbar_main_link_background_hover_colour);
}

.brand-nav.navbar-head .main-nav ul li.active a,
.brand-nav.navbar-head .main-nav ul a:active {
    border-color: var(--navbar_main_link_border);
    border-bottom-width: var(--navbar_main_link_border_size)
}

.brand-nav.navbar-head .main-nav ul li.active a span,
.brand-nav.navbar-head .main-nav ul a:active span {
    color: var(--navbar_main_link_foreground_active_colour);
    background-color: var(--navbar_main_link_background_active_colour);
}

/*.navbar-main .main-nav ul li.active a,*/
/*.navbar-main .main-nav ul li:active a,*/
/*.navbar-main .main-nav ul li:hover a {*/
/*    border-color: var(--navbar_main_border);*/
/*    border-bottom-width: var(--navbar_main_border_size);*/
/*}*/

/*.brand-nav.navbar-head li.active a span,*/
/*.brand-nav.navbar-head li:active a span,*/
/*.brand-nav.navbar-head li:hover a span {*/
/*    color: var(--navbar_main_link_active_colour);*/
/*}*/

.navbar-main .flex-container {
    justify-content: var(--navbar_main_alignment);
}

/* endregion */

/* region Side Menu */
.side-menu .side-menu-header {
    background-color: var(--side_menu_header_background);
}

.side-menu .side-menu-header h1.menu-text {
    color: var(--side_menu_title_colour);
    font-size: var(--side_menu_title_font_size);
}

.side-menu .side-menu-header .close-menu {
    background-color: var(--side_menu_close_background_colour);
}

.side-menu .side-menu-header .close-menu .line-1,
.side-menu .side-menu-header .close-menu .line-2 {
    background-color: var(--side_menu_close_forefront_colour);
}

.side-menu ul li {
    background-color: var(--side_menu_item_background_colour);
    border-bottom-color: var(--side_menu_item_border_colour);
}

.side-menu ul li a {
    color: var(--side_menu_item_copy_colour);
    font-size: var(--side_menu_item_font_size);
}

.navbar-mobile .hamburger a {
    background-color: var(--side_menu_burger_background_colour);
}

.navbar-mobile .hamburger a svg rect {
    fill: var(--side_menu_burger_icon_colour);
}

/* endregion */

/* region Nav Top Bar */
.brand-nav.nav-top-bar {
    background-color: var(--navbar_top_background)
}

.brand-nav.nav-top-bar nav > ul {
    float: var(--navbar_top_alignment)
}

.brand-nav.nav-top-bar nav > ul > li {
    border-bottom-width: var(--navbar_top_border_size);
    border-bottom-color: transparent;
    border-bottom-style: solid;
}

.brand-nav.nav-top-bar nav > ul > li.active,
.brand-nav.nav-top-bar nav > ul > li:active {
    border-bottom-color: var(--navbar_top_border_active);
}

.brand-nav.nav-top-bar nav > ul > li:focus-within {
    border-bottom-color: var(--navbar_top_border_focus);
}

.brand-nav.nav-top-bar nav > ul > li:hover {
    border-bottom-color: var(--navbar_top_border_hover);
}

.brand-nav.nav-top-bar nav li > a {
    background-color: var(--navbar_top_link_background_colour);
}

.brand-nav.nav-top-bar nav > ul > li > a > span {
    color: var(--navbar_top_link_colour);
    font-size: var(--navbar_top_font_size);
    font-family: var(--navbar_top_font_family);
}

.brand-nav.nav-top-bar nav > ul > li > span {
    color: var(--navbar_top_text_colour);
    font-size: var(--navbar_top_font_size);
    font-family: var(--navbar_top_font_family);
}

.brand-nav.nav-top-bar nav > ul > li:hover a {
    background-color: var(--navbar_top_link_background_hover_colour);
}

.brand-nav.nav-top-bar nav > ul > li:hover a span {
    color: var(--navbar_top_link_hover_colour);
}

.brand-nav.nav-top-bar nav > ul > li:focus-within a {
    background-color: var(--navbar_top_link_background_focus_colour);
}

.brand-nav.nav-top-bar nav > ul > li:focus-within a span {
    color: var(--navbar_top_link_focus_colour);
}

.brand-nav.nav-top-bar nav > ul > li.active a,
.brand-nav.nav-top-bar nav > ul > li:active a {
    background-color: var(--navbar_top_link_background_active_colour);
}

.brand-nav.nav-top-bar nav > ul > li.active a span,
.brand-nav.nav-top-bar nav > ul > li:active a span {
    color: var(--navbar_top_link_active_colour);
}

/* endregion */

/* region Bottom Nav Bar*/
.brand-nav.nav-bottom-bar {
    background-color: var(--navbar_bottom_background)
}

.brand-nav.nav-bottom-bar nav > ul {
    float: var(--navbar_bottom_alignment)
}

.brand-nav.nav-bottom-bar li > span {
    color: var(--navbar_bottom_text_colour);
    font-family: var(--navbar_bottom_font_family);
    font-weight: var(--navbar_bottom_link_weight);
    font-size: var(--navbar_bottom_font_size);
}

.brand-nav.nav-bottom-bar li > a {
    color: var(--navbar_bottom_link_colour);
    background-color: var(--navbar_bottom_link_background_colour);
    font-family: var(--navbar_bottom_font_family);
    font-weight: var(--navbar_bottom_link_weight);
    font-size: var(--navbar_bottom_font_size);
}

.brand-nav.nav-bottom-bar li:hover a {
    color: var(--navbar_bottom_link_hover_colour);
    background-color: var(--navbar_bottom_link_background_hover_colour);
}

.brand-nav.nav-bottom-bar li:active a,
.brand-nav.nav-bottom-bar li.active a {
    color: var(--navbar_bottom_link_active_colour);
    background-color: var(--navbar_bottom_link_background_active_colour);
}

.brand-nav.nav-bottom-bar li:focus-within a {
    color: var(--navbar_bottom_link_focus_colour);
    background-color: var(--navbar_bottom_link_background_focus_colour);
}

/* endregion */

/* region Banner */
.banner {
    margin-top: var(--banner_margin_top);
    margin-bottom: var(--banner_margin_bottom);
}

.banner .banner-overlay {
    background-color: var(--banner_overlay_colour);
}

.banner .banner-image,
.banner .banner-promo-containers {
    background-position: var(--banner_position);
    background-size: var(--banner_size);
    min-height: var(--mobile_banner_height);
}

.banner .banner-promo .hero,
.banner .banner-promo .hero h1,
.banner .banner-promo .hero p,
.banner .banner-promo .hero .hero-content {
    color: var(--banner_hero_colour);
    text-align: var(--banner_hero_text_align);
}

.banner .banner-promo .hero h1 {
    font-size: var(--mobile_banner_hero_title_font_size);
    font-family: var(--banner_hero_title_font_family);
    font-weight: var(--banner_hero_title_weight);
}

.banner .banner-promo .hero p {
    font-family: var(--banner_hero_content_font_family);
    font-weight: var(--banner_hero_content_weight);
}

.banner .banner-promo .hero .hero-content {
    font-size: var(--mobile_banner_hero_content_font_size);
    font-weight: var(--banner_hero_content_weight);
}

.banner .banner-promo .hero h1.__ts {
    text-shadow: var(--banner_hero_title_text_shadow);
}

.banner .banner-promo .hero .hero-content.__ts p {
    text-shadow: var(--banner_hero_content_text_shadow);
}

.banner .banner-promo .hero {
    background-color: var(--banner_hero_background);
}


@media (min-width: 768px) {
    .banner .banner-promo .hero {
        width: var(--banner_hero_width);
    }

    .banner .banner-image,
    .banner .banner-promo-container {
        min-height: var(--banner_height);
    }
}


@media (min-width: 1080px) {
    .banner .banner-promo .hero h1 {
        font-size: var(--banner_hero_title_font_size);
    }

    .banner .banner-promo .hero .hero-content {
        font-size: var(--banner_hero_content_font_size);
    }
}

/* endregion */

/* region Footer */
.footer {
    background-color: var(--footer_background);
    color: var(--footer_text_colour);
    padding: var(--footer_spacing_top) 0 var(--footer_spacing_bottom) 0;
    font-size: var(--footer_copy_font_size);
    text-align: var(--footer_copy_alignment);
    font-family: var(--footer_font_family_copy);
}

.footer .footer-nav {
    text-align: var(--footer_link_alignment);
}

.footer .footer-nav > li > a {
    color: var(--footer_link_colour);
    font-size: var(--footer_link_font_size);
    text-align: var(--footer_link_alignment);
    text-decoration: var(--footer_text_decoration);
    text-transform: var(--footer_text_transform);
    font-family: var(--footer_font_family_menu);
    font-weight: var(--footer_menu_link_weights);
}

.footer .footer-nav > li > a:hover {
    color: var(--footer_link_hover_colour);
    border-bottom: 1px solid var(--footer_link_hover_colour);
}

.footer .footer-nav > li > a:active {
    color: var(--footer_link_active_colour);
    border-bottom: 1px solid var(--footer_link_hover_colour);
}

.footer-bottom {
    background-color: var(--footer_bottom_background);
    color: var(--footer_bottom_text_colour);
    padding: var(--footer_bottom_spacing_top) 0 var(--footer_bottom_spacing_bottom) 0;
    font-size: var(--footer_bottom_font_size);
    text-align: var(--footer_bottom_alignment);
}

.footer-bottom .footer-nav {
    text-align: var(--footer_bottom_alignment);
}

.footer-bottom .footer-nav > li > a {
    color: var(--footer_bottom_link_colour);
    font-size: var(--footer_bottom_font_size);
    text-align: var(--footer_bottom_alignment);
    text-decoration: var(--footer_bottom_text_decoration);
    text-transform: var(--footer_bottom_text_transform);
    font-family: var(--footer_bottom_font_family);
}

.footer-bottom .footer-nav > li > a:hover {
    color: var(--footer_bottom_link_hover_colour);
    border-bottom: 1px solid var(--footer_bottom_link_hover_colour);
}

.footer-bottom .footer-nav > li > a:active {
    color: var(--footer_bottom_link_active_colour);
    border-bottom: 1px solid var(--footer_bottom_link_hover_colour);
}

/* endregion */

/* region Buttons */
.btn.btn-primary {
    background-color: var(--primary_buttons_background);
    color: var(--primary_buttons_text_colour);
    border: solid var(--primary_buttons_border_size) var(--primary_buttons_border_colour);
    font-size: var(--primary_buttons_font_size);
    border-radius: var(--primary_buttons_radius);
    padding: var(--primary_buttons_padding_top) var(--primary_buttons_padding_right) var(--primary_buttons_padding_bottom) var(--primary_buttons_padding_left);
    width: var(--primary_buttons_width);
    height: var(--primary_buttons_height);
    font-weight: var(--primary_buttons_weight);
    transition: var(--primary_buttons_transition);
}

.btn.btn-primary:hover {
    background-color: var(--primary_buttons_hover_background);
    color: var(--primary_buttons_hover_text_colour);
    border: solid var(--primary_buttons_hover_border_size) var(--primary_buttons_hover_border_colour);
    font-size: var(--primary_buttons_hover_font_size);
    border-radius: var(--primary_buttons_hover_radius);
    padding: var(--primary_buttons_hover_padding_top) var(--primary_buttons_hover_padding_right) var(--primary_buttons_hover_padding_bottom) var(--primary_buttons_hover_padding_left);
    width: var(--primary_buttons_hover_width);
    height: var(--primary_buttons_hover_height);
    font-weight: var(--primary_buttons_hover_weight);
}

.btn.btn-primary:active,
.btn.btn-primary.active {
    background-color: var(--primary_buttons_active_background);
    color: var(--primary_buttons_active_text_colour);
    border: solid var(--primary_buttons_active_border_size) var(--primary_buttons_active_border_colour);
    font-size: var(--primary_buttons_active_font_size);
    border-radius: var(--primary_buttons_active_radius);
    padding: var(--primary_buttons_active_padding_top) var(--primary_buttons_active_padding_right) var(--primary_buttons_active_padding_bottom) var(--primary_buttons_active_padding_left);
    width: var(--primary_buttons_active_width);
    height: var(--primary_buttons_active_height);
    font-weight: var(--primary_buttons_active_weight);
}

.btn.btn-secondary {
    background-color: var(--secondary_buttons_background);
    color: var(--secondary_buttons_text_colour);
    border: solid var(--secondary_buttons_border_size) var(--secondary_buttons_border_colour);
    font-size: var(--secondary_buttons_font_size);
    border-radius: var(--secondary_buttons_radius);
    padding: var(--secondary_buttons_padding_top) var(--secondary_buttons_padding_right) var(--secondary_buttons_padding_bottom) var(--secondary_buttons_padding_left);
    width: var(--secondary_buttons_width);
    height: var(--secondary_buttons_height);
    font-weight: var(--secondary_buttons_weight);
    transition: var(--secondary_buttons_transition);
}

.btn.btn-secondary:hover {
    background-color: var(--secondary_buttons_hover_background);
    color: var(--secondary_buttons_hover_text_colour);
    border: solid var(--secondary_buttons_hover_border_size) var(--secondary_buttons_hover_border_colour);
    font-size: var(--secondary_buttons_hover_font_size);
    border-radius: var(--secondary_buttons_hover_radius);
    padding: var(--secondary_buttons_hover_padding_top) var(--secondary_buttons_hover_padding_right) var(--secondary_buttons_hover_padding_bottom) var(--secondary_buttons_hover_padding_left);
    width: var(--secondary_buttons_hover_width);
    height: var(--secondary_buttons_hover_height);
    font-weight: var(--secondary_buttons_hover_weight);
}

.btn.btn-secondary:active,
.btn.btn-secondary.active {
    background-color: var(--secondary_buttons_active_background);
    color: var(--secondary_buttons_active_text_colour);
    border: solid var(--secondary_buttons_active_border_size) var(--secondary_buttons_active_border_colour);
    font-size: var(--secondary_buttons_active_font_size);
    border-radius: var(--secondary_buttons_active_radius);
    padding: var(--secondary_buttons_active_padding_top) var(--secondary_buttons_active_padding_right) var(--secondary_buttons_active_padding_bottom) var(--secondary_buttons_active_padding_left);
    width: var(--secondary_buttons_active_width);
    height: var(--secondary_buttons_active_height);
    font-weight: var(--secondary_buttons_active_weight);
}

/* endregion */

/* region Content */
#content {
    min-height: var(--content_body_min_height);
}

.main-content .main-content-copy h1,
.main-content .main-content-copy .h1,
.main-content .main-content-copy .primary {
    color: var(--content_header_h1_colour);
    font-size: var(--content_header_h1_font_size);
    font-weight: var(--content_header_h1_weight);
    font-style: var(--content_header_h1_style);
    font-family: var(--heading_font_family);
    text-align: var(--content_copy_alignment);
    text-transform: var(--content_header_h1_text_transform);
    margin-bottom: var(--content_header_h1_margin_bottom);
}

.main-content .main-content-copy h2,
.main-content .main-content-copy .h2,
.main-content .main-content-copy .secondary {
    color: var(--content_header_h2_colour);
    font-size: var(--content_header_h2_font_size);
    font-weight: var(--content_header_h2_weight);
    font-style: var(--content_header_h2_style);
    font-family: var(--heading_font_family);
    text-align: var(--content_copy_alignment);
    text-transform: var(--content_header_h2_text_transform);
    margin-bottom: var(--content_header_h2_margin_bottom);
}

.main-content .main-content-copy h3,
.main-content .main-content-copy .h3 {
    color: var(--content_header_h3_colour);
    font-size: var(--content_header_h3_font_size);
    font-weight: var(--content_header_h3_weight);
    font-style: var(--content_header_h3_style);
    font-family: var(--heading_font_family);
    text-align: var(--content_copy_alignment);
    text-transform: var(--content_header_h3_text_transform);
    margin-bottom: var(--content_header_h3_margin_bottom);
}

.main-content .main-content-copy h4,
.main-content .main-content-copy .h4 {
    color: var(--content_header_h4_colour);
    font-size: var(--content_header_h4_font_size);
    font-weight: var(--content_header_h4_weight);
    font-style: var(--content_header_h4_style);
    font-family: var(--heading_font_family);
    text-align: var(--content_copy_alignment);
    text-transform: var(--content_header_h4_text_transform);
    margin-bottom: var(--content_header_h4_margin_bottom);
}

.main-content .main-content-copy h5,
.main-content .main-content-copy .h5 {
    color: var(--content_header_h5_colour);
    font-size: var(--content_header_h5_font_size);
    font-weight: var(--content_header_h5_weight);
    font-style: var(--content_header_h5_style);
    font-family: var(--heading_font_family);
    text-align: var(--content_copy_alignment);
    text-transform: var(--content_header_h5_text_transform);
    margin-bottom: var(--content_header_h5_margin_bottom);
}

.main-content .main-content-copy h6,
.main-content .main-content-copy .h6 {
    color: var(--content_header_h6_colour);
    font-size: var(--content_header_h6_font_size);
    font-weight: var(--content_header_h6_weight);
    font-style: var(--content_header_h6_style);
    font-family: var(--heading_font_family);
    text-align: var(--content_copy_alignment);
    text-transform: var(--content_header_h6_text_transform);
    margin-bottom: var(--content_header_h6_margin_bottom);
}

.main-content .main-content-copy a:not(.btn) {
    color: var(--content_link_colour)
}

.main-content .main-content-copy label:not(.btn, .control-label) {
    color: var(--content_font_colour);
    font-size: var(--content_general_font_size);
    font-family: var(--body_font_family);
}

.main-content .main-content-copy li {
    color: var(--content_list_colour);
    font-size: var(--content_general_font_size);
    font-family: var(--body_font_family);
    text-align: var(--content_list_alignment);
}

.main-content .main-content-copy p {
    color: var(--content_font_colour);
    font-size: var(--content_general_font_size);
    font-family: var(--body_font_family);
    text-align: var(--content_copy_alignment);
}

.main-content .main-content-copy strong {
    color: var(--content_bold_colour);
    font-family: var(--body_font_family);
}

.main-content .main-content-copy em {
    color: var(--content_italics_colour);
    font-family: var(--body_font_family);
}

body,
#content {
    background-color: var(--content_background_colour)
}

/* endregion */

/* region Forms*/
.main-content .main-content-copy form {
    background-color: var(--forms_background_colour);
    border-radius: var(--forms_border_radius);
}

.main-content .main-content-copy .form-group legend.control-label,
.main-content .main-content-copy .form-group label.control-label {
    color: var(--forms_label_font_colour);
    font-family: var(--forms_label_font_family);
    font-size: var(--forms_label_font_size);
    font-weight: var(--forms_label_font_weight);
}

.main-content .main-content-copy .form-group .form-control {
    font-size: var(--forms_input_font_size);
    border-radius: var(--forms_input_border_radius);
    background-color: var(--forms_input_background_colour);
    height: var(--forms_input_height);
    padding: var(--forms_input_padding_vertical) var(--forms_input_padding_horizontal);
    border: var(--forms_input_border_width) solid var(--forms_input_border_colour);
}

.main-content .main-content-copy .form-group .help-block {
    font-size: var(--forms_info_font_size);
    color: var(--forms_info_font_colour);
}

.main-content .main-content-copy .form-group .help-block strong {
    color: var(--forms_info_bold_colour);
}

.main-content .main-content-copy .form-group .help-block a:not(.btn) {
    color: var(--forms_info_link_colour);
}

.main-content .main-content-copy .form-group .help-block em {
    color: var(--forms_info_italics_colour);
}

input[type=radio] + label:before {
    border-color: var(--forms_radio_border);
}

input[type=radio]:focus + label:before {
    box-shadow: 0 0 0 1px #461825, 0 0 8px var(--forms_radio_selected);
    border-color: var(--forms_radio_border);
}

input[type=radio]:checked + label:after {
    background: var(--forms_radio_selected);
}

input[type=checkbox]:checked + label:before {
    background: var(--forms_checkbox_selected_background);
}

input[type=checkbox]:checked + label:after {
    border-left-color: var(--forms_checkbox_selected_tick);
    border-bottom-color: var(--forms_checkbox_selected_tick);
}

/* endregion */

/* region Tables */
.table > thead > tr > td, .table > thead > tr > th {
    padding: var(--tables_heading_padding);
    line-height: var(--tables_heading_line_height);
    vertical-align: var(--tables_heading_vertical_align);
    border: 1px solid var(--tables_heading_border_colour);
    border-bottom-width: var(--tables_heading_border_width);
    color: var(--tables_heading_copy_colour);
    font-size: var(--tables_heading_font_size);
    font-weight: var(--tables_heading_font_weight);
    text-align: var(--tables_heading_text_align);
    height: var(--tables_heading_min_height);
}

.table > tbody > tr > td, .table > tbody > tr > th {
    padding: var(--tables_cell_padding);
    line-height: var(--tables_cell_line_height);
    vertical-align: var(--tables_cell_vertical_align);
    border: var(--tables_cell_border_width) solid var(--tables_cell_border_colour);
    color: var(--tables_cell_copy_colour);
    font-size: var(--tables_cell_font_size);
    font-weight: var(--tables_cell_font_weight);
    text-align: var(--tables_cell_text_align);
    height: var(--tables_cell_min_height);
}

.table > tfoot > tr > td, .table > tfoot > tr > th {
    padding: var(--tables_footer_padding);
    line-height: var(--tables_footer_line_height);
    vertical-align: var(--tables_footer_vertical_align);
    border: 1px solid var(--tables_footer_border_colour);
    border-top-width: var(--tables_footer_border_width);
    color: var(--tables_footer_copy_colour);
    font-size: var(--tables_footer_font_size);
    font-weight: var(--tables_footer_font_weight);
    text-align: var(--tables_footer_text_align);
    height: var(--tables_footer_min_height);
}

/* endregion */

/* region Item Blocks */
.main-content .block {
    background-color: var(--item_blocks_background);
    border: var(--item_blocks_border_size) solid var(--item_blocks_border_colour);
    border-radius: var(--item_blocks_box_radius);
}

.main-content .block .block-header .item-card-image {
    padding: var(--item_blocks_image_padding);
}

.main-content .block .block-header .item-card-image img {
    border-top-left-radius: var(--item_blocks_box_radius);
    border-top-right-radius: var(--item_blocks_box_radius);
}

.main-content .block .block-body {
    padding: var(--item_blocks_body_padding_vertical) var(--item_blocks_body_padding_horizontal);
}

.main-content .block .block-body h3 {
    font-family: var(--item_blocks_header_font_family);
    font-size: var(--item_blocks_header_font_size);
    font-weight: var(--item_blocks_header_weight);
    line-height: var(--item_blocks_header_line_height);
    text-align: var(--item_blocks_header_alignment);
    color: var(--item_blocks_header_colour);
}

.main-content .block .block-body p {
    font-family: var(--item_blocks_copy_font_family);
    font-size: var(--item_blocks_copy_font_size);
    text-align: var(--item_blocks_copy_alignment);
    color: var(--item_blocks_copy_colour);
}

.main-content .block .block-body small {
    font-family: var(--item_blocks_copy_font_family);
    text-align: var(--item_blocks_copy_alignment);
    color: var(--item_blocks_copy_colour);
}

/* endregion */

/* region Accordion */
.main-content .main-content-copy .simple-accordion .collapse-label {
    background-color: var(--accordion_tab_active_background_colour);
    color: var(--accordion_tab_active_copy_colour);
    padding: var(--accordion_tab_vertical_padding) var(--accordion_tab_horizontal_padding);
    font-size: var(--accordion_tab_font_size);
    font-weight: var(--accordion_tab_font_weight);
}

.main-content .main-content-copy .simple-accordion .collapse-label.collapsed {
    background-color: var(--accordion_tab_background_colour);
    color: var(--accordion_tab_copy_colour);
}

.main-content .main-content-copy .simple-accordion .collapse-label.collapsed:hover {
    background-color: var(--accordion_tab_hover_background_colour);
    color: var(--accordion_tab_hover_copy_colour);
}

.main-content .main-content-copy .simple-accordion .collapse-label::after {
    font-size: var(--accordion_tab_icon_size);
    right: var(--accordion_tab_icon_right_spacing);
}

.main-content .main-content-copy .simple-accordion .collapse-content {
    background-color: var(--accordion_panel_background_colour);
    color: var(--accordion_panel_copy_colour);
    padding: var(--accordion_panel_vertical_padding) var(--accordion_panel_horizontal_padding);
    font-size: var(--accordion_tab_font_size);
    border: var(--accordion_panel_border_size) solid var(--accordion_panel_border);
}

.main-content .main-content-copy .simple-accordion .collapse-content p,
.main-content .main-content-copy .simple-accordion .collapse-content strong,
.main-content .main-content-copy .simple-accordion .collapse-content em,
.main-content .main-content-copy .simple-accordion .collapse-content li {
    color: var(--accordion_panel_copy_colour);
}

/* endregion */

/* region RAF */
.raf-content h1 {
    color: var(--raf_main_header) !important;
}

.raf-content h3 {
    color: var(--raf_sub_header) !important;
}

.raf .panel-success .panel-body {
    background-color: var(--raf_success_panel);
}

.raf .panel-success .panel-body p,
.raf .panel-success .panel-body li {
    color: var(--raf_success_panel_copy) !important;
}

.raf .panel-success .panel-body h1 {
    color: var(--raf_success_panel_copy) !important;
}

.raf .panel-info .panel-body {
    background-color: var(--raf_info_panel);
}

/* endregion */

/* Do not remove the below line */
.radio-wrapper label {color: #ffffff !important}

@font-face {
  font-family: 'RedHatDisplay';
  src: url('/fonts/redhatdisplay.woff') format('woff');
}

h1, h2, h3, h4, h5, a, p, ul, li, label, span, legend, input, textarea, select, .btn {
  font-family: 'RedHatDisplay', sans-serif !important;
}

p {
  font-weight: 500;
}
.cookie-sidebar-controls .btn {
    font-size: 1.3rem !important;
}

.claim-gift-section .block-body {
min-height: 440px !important;
}