@charset "UTF-8";
@font-face {
    font-family: "Campton Bold";
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url("https://magnetmore.co.uk/css/fonts/custom/brand_fonts/TtabUU2tXeyz4I9FER7l/CamptonBold.woff") format("woff");
}
@font-face {
    font-family: "Compton Book";
    font-style: normal;
    font-display: swap;
    src: url("https://magnetmore.co.uk/css/fonts/custom/brand_fonts/wHy9ce0rAdpDAmn1CYlU/CamptonBook.woff") format("woff");
}

:root {
    --heading_font_family: "Campton Bold", sans-serif;
    --body_font_family: "Compton Book", sans-serif;

    /* region Cookie */
    --cookie_bar_modal_background: #FFFFFF;
    --cookie_bar_modal_text_colour: #000000;
    --cookie_bar_modal_link_colour: #321F5E;

    --cookie_bar_sidebar_logo_background: #FFFFFF;
    --cookie_bar_sidebar_logo_close_colour: #58595F;
    --cookie_bar_sidebar_logo_border: #e9e9e9;
    --cookie_bar_sidebar_logo_border_size: 1rem;

    --cookie_bar_sidebar_content_background: #FFFFFF;
    --cookie_bar_sidebar_heading_colour: #000000;
    --cookie_bar_sidebar_copy_colour: #000000;
    --cookie_bar_sidebar_link_colour: #000000;

    --cookie_bar_sidebar_details_header_colour: #000000;
    --cookie_bar_sidebar_details_chevron_colour: #000000;
    --cookie_bar_sidebar_details_description_colour: #000000;
    --cookie_bar_sidebar_details_always_active_colour: #008000;
    --cookie_bar_sidebar_switch_off_colour: #58595F;
    --cookie_bar_sidebar_switch_on_colour: #0EB90E;
    --cookie_bar_sidebar_table_background_colour: #efefef;
    --cookie_bar_sidebar_table_border_colour: #ebebeb;
    --cookie_bar_sidebar_table_label_colour: #000000;
    --cookie_bar_sidebar_table_value_colour: #000000;

    --cookie_bar_sidebar_control_background: #FFFFFF;
    --cookie_bar_sidebar_control_border: #d8d8d8;
    --cookie_bar_sidebar_control_border_size: 1rem;

    --cookie_bar_outline_colour: #000000;
    /* endregion */

    /* region Navbar */
    --navbar_main_background: #FED64D;
    --navbar_main_text_colour: #000000;
    --navbar_main_type: contained;
    --navbar_main_alignment: space-between;
    --navbar_main_logo_width: 8rem;
    --navbar_main_logo_height: 6rem;
    --navbar_main_logo_margin_top: 0rem;
    --navbar_main_border: #321f5E;
    --navbar_main_border_size: 0rem;
    --navbar_main_font_family: "Compton Book", "Campton Bold", sans-serif;
    --navbar_main_font_size: '##navbar_main_font_size##';
    --navbar_main_text_transform: none;

    --navbar_main_link_weight: normal;
    --navbar_main_link_text_decoration: none;
    --navbar_main_link_foreground_colour: #000000;
    --navbar_main_link_background_colour: transparent;
    --navbar_main_link_foreground_hover_colour: #FED64D;
    --navbar_main_link_background_hover_colour: #000000;
    --navbar_main_link_foreground_active_colour: #FED64D;
    --navbar_main_link_background_active_colour: #000000;
    --navbar_main_link_border: #321f5E;
    --navbar_main_link_border_size: 0rem;
    --navbar_main_link_padding_top: 0.9rem;
    --navbar_main_link_padding_right: 0rem;
    --navbar_main_link_padding_bottom: 0.4rem;
    --navbar_main_link_padding_left: 0rem;
    --navbar_main_link_tablet_right_spacing: 0.3rem;
    --navbar_main_link_tablet_left_spacing: 0rem;
    --navbar_main_link_desktop_right_spacing: 1.9rem;
    --navbar_main_link_desktop_left_spacing: 0rem;
    --navbar_main_link_font_size: 1.4rem;

    --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_link_padding_top: 0.6rem;
    --navbar_top_link_padding_right: 0.8rem;
    --navbar_top_link_padding_bottom: 0.6rem;
    --navbar_top_link_padding_left: 0.8rem;
    --navbar_top_link_tablet_right_spacing: 0rem;
    --navbar_top_link_tablet_left_spacing: 0rem;
    --navbar_top_link_desktop_right_spacing: 0rem;
    --navbar_top_link_desktop_left_spacing: 0rem;
    --navbar_top_border_active: #321f5E;
    --navbar_top_border_hover: #321f5E;
    --navbar_top_border_focus: #321f5E;
    --navbar_top_border_size: 0.3rem;
    --navbar_top_font_family: "Compton Book", "Campton Bold", 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: right;
    --navbar_bottom_font_size: 1.3rem;
    --navbar_bottom_font_family: "Compton Book", "Campton Bold", sans-serif;
    --navbar_bottom_link_padding_top: 0.9rem;
    --navbar_bottom_link_padding_right: 0.9rem;
    --navbar_bottom_link_padding_bottom: 0.9rem;
    --navbar_bottom_link_padding_left: 0.9rem;
    --navbar_bottom_link_tablet_right_spacing: 0rem;
    --navbar_bottom_link_tablet_left_spacing: 0rem;
    --navbar_bottom_link_desktop_right_spacing: 0rem;
    --navbar_bottom_link_desktop_left_spacing: 0rem;
    --navbar_bottom_border_active: #321f5E;
    --navbar_bottom_border_hover: #321f5E;
    --navbar_bottom_border_focus: #321f5E;
    --navbar_bottom_border_size: 0rem;

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

    /* region Banner */
    --banner_position: center;
    --banner_height: 20vw;
    --banner_size: cover;
    --banner_margin_top: 0rem;
    --banner_margin_bottom: 0rem;
    --banner_hero_width: 40rem;
    --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: "Compton Book", "Campton Bold", sans-serif;
    --banner_hero_content_font_family: "Compton Book", "Campton Bold", sans-serif;
    --banner_hero_text_align: center;
    --banner_overlay_colour: rgba(0,0,0,.2);
    --banner_hero_title_text_shadow: unset;
    --banner_hero_content_text_shadow: unset;

    --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_panel_background_colour: #ffffff;
    --content_panel_border_radius: 0rem;
    --content_panel_border_colour: transparent;
    --content_panel_border_width: 1rem;

    --content_header_h1_colour: #000000;
    --content_header_h1_font_size: 4rem;
    --content_header_h1_weight: bold;
    --content_header_h1_style: normal;
    --content_header_h1_margin_bottom: 0.3rem;
    --content_header_h1_text_transform: uppercase;

    --content_header_h2_colour: #000000;
    --content_header_h2_font_size: 3.6rem;
    --content_header_h2_weight: bold;
    --content_header_h2_style: normal;
    --content_header_h2_margin_bottom: 0.3rem;
    --content_header_h2_text_transform: inherit;

    --content_header_h3_colour: #000000;
    --content_header_h3_font_size: 2.8rem;
    --content_header_h3_weight: normal;
    --content_header_h3_style: normal;
    --content_header_h3_margin_bottom: 0.3rem;
    --content_header_h3_text_transform: inherit;

    --content_header_h4_colour: #000000;
    --content_header_h4_font_size: 2.2rem;
    --content_header_h4_weight: normal;
    --content_header_h4_style: normal;
    --content_header_h4_margin_bottom: 0.3rem;
    --content_header_h4_text_transform: inherit;

    --content_header_h5_colour: #000000;
    --content_header_h5_font_size: 1.8rem;
    --content_header_h5_weight: normal;
    --content_header_h5_style: normal;
    --content_header_h5_margin_bottom: 0.3rem;
    --content_header_h5_text_transform: inherit;

    --content_header_h6_colour: #000000;
    --content_header_h6_font_size: 1.6rem;
    --content_header_h6_weight: normal;
    --content_header_h6_style: normal;
    --content_header_h6_margin_bottom: 0.3rem;
    --content_header_h6_text_transform: inherit;
    /* endregion */

    /* region Forms */
    --forms_background_colour: #ffffff;
    --forms_border_radius: 0rem;
    --forms_card_padding_top: 0rem;
    --forms_card_padding_right: 0rem;
    --forms_card_padding_bottom: 0rem;
    --forms_card_padding_left: 0rem;
    --forms_copy_colour: #000000;
    --forms_panel_background_colour: #ffffff;
    --forms_panel_footer_background_colour: #ffffff;
    --forms_panel_border_colour: transparent;
    --forms_panel_border_width: 0.06rem;
    --forms_panel_footer_border_colour: transparent;
    --forms_panel_footer_border_width: 0.06rem;
    --forms_panel_border_radius: 0rem;
    --forms_panel_copy_font_size: 1.4rem;
    --forms_panel_copy_colour: #000000;
    --forms_label_font_colour: #000000;
    --forms_label_font_family: "Compton Book", "Campton Bold", sans-serif;
    --forms_label_font_size: 1.4rem;
    --forms_label_font_weight: 700;
    --forms_radio_selected: #321f5e;
    --forms_radio_border: #6f686a;
    --forms_checkbox_selected_background: #5ac5c9;
    --forms_checkbox_selected_tick: #000000;
    --forms_input_border_radius: 0rem;
    --forms_input_border_colour: #000000;
    --forms_input_border_width: 0.1rem;
    --forms_input_background_colour: #ffffff;
    --forms_input_height: 4.5rem;
    --forms_input_font_size: 1.4rem;
    --forms_input_padding_vertical: 1.2rem;
    --forms_input_padding_horizontal: 0.6rem;
    --forms_input_box_shadow: inset 0px 1px 1px rgb(0, 0, 0, 0.1);
    --forms_info_font_size: 1.4rem;
    --forms_info_font_colour: #000000;
    --forms_info_link_colour: #000000;
    --forms_info_bold_colour: #000000;
    --forms_info_italics_colour: #000000;
    /* endregion */

    /* region Tables */
    --tables_heading_text_align: left;
    --tables_heading_vertical_align: bottom;
    --tables_heading_background_colour: #FFFFFF;
    --tables_heading_copy_colour: #000000;
    --tables_heading_min_height: 2.5rem;
    --tables_heading_font_size: 1rem;
    --tables_heading_font_weight: 700;
    --tables_heading_padding: 0.5rem;
    --tables_heading_line_height: 1.4rem;
    --tables_heading_border_colour: #bfc0c4;
    --tables_heading_border_width: 0.1rem;

    --tables_cell_text_align: left;
    --tables_cell_vertical_align: middle;
    --tables_cell_background_colour: #FFFFFF;
    --tables_cell_copy_colour: #000000;
    --tables_cell_min_height: 2.5rem;
    --tables_cell_font_size: 1rem;
    --tables_cell_font_weight: normal;
    --tables_cell_padding: 0.5rem;
    --tables_cell_line_height: 1.4rem;
    --tables_cell_border_colour: #ddd;
    --tables_cell_border_width: 0.1rem;

    --tables_footer_text_align: left;
    --tables_footer_vertical_align: top;
    --tables_footer_background_colour: #FFFFFF;
    --tables_footer_copy_colour: #000000;
    --tables_footer_min_height: 2.5rem;
    --tables_footer_font_size: 1rem;
    --tables_footer_font_weight: normal;
    --tables_footer_padding: 0.5rem;
    --tables_footer_line_height: 1.4rem;
    --tables_footer_border_colour: #ddd;
    --tables_footer_border_width: 0.1rem;
    /* endregion */

    /* region Footer */
    --footer_background: #122126;
    --footer_margin_top: 0rem;
    --footer_margin_bottom: 0rem;
    --footer_padding_top: 4rem;
    --footer_padding_bottom: 0rem;
    --footer_top_border: #321f5E;
    --footer_top_border_size: 0rem;
    --footer_bottom_border: #321f5E;
    --footer_bottom_border_size: 0rem;

    --footer_copy_colour: #FFFFFF;
    --footer_copy_font_size: 1.6rem;
    --footer_copy_alignment: center;
    --footer_copy_font_family: "Compton Book", "Campton Bold", sans-serif;
    --footer_copy_weight: normal;
    --footer_copy_margin_top: 0rem;
    --footer_copy_margin_right: 0rem;
    --footer_copy_margin_bottom: 0.9rem;
    --footer_copy_margin_left: 0rem;

    --footer_link_colour: #FFFFFF;
    --footer_link_hover_colour: #FFFFFF;
    --footer_link_active_colour: #321f5E;
    --footer_link_font_size: 1.6rem;
    --footer_link_alignment: center;
    --footer_link_text_decoration: none;
    --footer_link_hover_text_decoration: none;
    --footer_link_text_transform: inherit;
    --footer_link_font_family: "Compton Book", "Campton Bold", sans-serif;
    --footer_link_weight: normal;
    --footer_link_margin_top: 0rem;
    --footer_link_margin_right: 0rem;
    --footer_link_margin_bottom: 0.9rem;
    --footer_link_margin_left: 0rem;

    --footer_bottom_background: #122126;
    --footer_bottom_text_colour: #FFFFFF;
    --footer_bottom_link_colour: #FFFFFF;
    --footer_bottom_link_hover_colour: #FFFFFF;
    --footer_bottom_link_active_colour: #321f5E;
    --footer_bottom_spacing_top: 1rem;
    --footer_bottom_spacing_bottom: 2rem;
    --footer_bottom_font_size: 1.6rem;
    --footer_bottom_alignment: center;
    --footer_bottom_text_decoration: underline;
    --footer_bottom_text_transform: inherit;
    --footer_bottom_font_family: "Compton Book", "Campton Bold", sans-serif;
    /* endregion */

    /* region Primary Button */
    --primary_buttons_background: #FED64D;
    --primary_buttons_text_colour: #000000;
    --primary_buttons_border_colour: transparent;
    --primary_buttons_border_size: 0rem;
    --primary_buttons_font_size: 2.2rem;
    --primary_buttons_radius: 0rem;
    --primary_buttons_padding_top: 1.5rem;
    --primary_buttons_padding_right: 3rem;
    --primary_buttons_padding_bottom: 1.5rem;
    --primary_buttons_padding_left: 3rem;
    --primary_buttons_margin_top: 0rem;
    --primary_buttons_margin_right: 0rem;
    --primary_buttons_margin_bottom: 0rem;
    --primary_buttons_margin_left: 0rem;
    --primary_buttons_height: auto;
    --primary_buttons_width: auto;
    --primary_buttons_weight: bold;
    --primary_buttons_transition: background-color .35s, border-color .35s, color .35s;
    --primary_buttons_box_shadow: unset;

    --primary_buttons_active_background: #FED64D;
    --primary_buttons_active_text_colour: #000000;
    --primary_buttons_active_border_colour: transparent;

    --primary_buttons_hover_background: #FED64D;
    --primary_buttons_hover_text_colour: #111111;
    --primary_buttons_hover_border_colour: transparent;
    --primary_buttons_hover_border_size: 0rem;
    /* endregion */

    /* region Secondary Button */
    --secondary_buttons_background: #000000;
    --secondary_buttons_text_colour: #FED64D;
    --secondary_buttons_border_colour: transparent;
    --secondary_buttons_border_size: 0rem;
    --secondary_buttons_font_size: 2.2rem;
    --secondary_buttons_radius: 0rem;
    --secondary_buttons_padding_top: 1.5rem;
    --secondary_buttons_padding_right: 3rem;
    --secondary_buttons_padding_bottom: 1.5rem;
    --secondary_buttons_padding_left: 3rem;
    --secondary_buttons_margin_top: 0rem;
    --secondary_buttons_margin_right: 0rem;
    --secondary_buttons_margin_bottom: 0rem;
    --secondary_buttons_margin_left: 0rem;
    --secondary_buttons_height: auto;
    --secondary_buttons_width: auto;
    --secondary_buttons_weight: bold;
    --secondary_buttons_transition: background-color .35s, border-color .35s, color .35s;
    --secondary_buttons_box_shadow: unset;

    --secondary_buttons_active_background: #FED64D;
    --secondary_buttons_active_text_colour: #000000;
    --secondary_buttons_active_border_colour: transparent;
    --secondary_buttons_active_border_size: 0rem;

    --secondary_buttons_hover_background: #FED64D;
    --secondary_buttons_hover_text_colour: #000000;
    --secondary_buttons_hover_border_colour: transparent;
    --secondary_buttons_hover_border_size: 0rem;
    /* endregion */

    /* region Accordion */
    --accordion_tab_background_colour: #ffffff;
    --accordion_tab_copy_colour: #321f5e;
    --accordion_tab_hover_background_colour: #ffffff;
    --accordion_tab_hover_copy_colour: #321f5e;
    --accordion_tab_active_background_colour: #ffffff;
    --accordion_tab_active_copy_colour: #321f5e;
    --accordion_panel_background_colour: #ffffff;
    --accordion_panel_copy_colour: #00000055;
    --accordion_tab_font_size: 1.8rem;
    --accordion_tab_font_weight: 700;
    --accordion_tab_margin_bottom: 0rem;
    --accordion_tab_border_radius: 0rem;
    --accordion_tab_border: #fefefe;
    --accordion_tab_border_size: 0rem;

    --accordion_tab_icon_size: 1.6rem;
    /*--accordion_tab_icon_right_spacing: '##accordion_tab_icon_right_spacing##';*/
    --accordion_tab_icon_colour: #ffffff;

    --accordion_tab_vertical_padding: 0rem;
    --accordion_tab_horizontal_padding: 0rem;
    --accordion_panel_vertical_padding: 0rem;
    --accordion_panel_horizontal_padding: 0rem;
    --accordion_panel_border: #fefefe;
    --accordion_panel_border_size: 0rem;
    --accordion_panel_border_radius: 0rem;
    /* 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: #00000055;
    /* endregion */

    /* region Games */
    --games_panel_background_colour: #ffffff;
    --games_panel_footer_background_colour: #ffffff;
    --games_panel_border_colour: transparent;
    --games_panel_border_width: 1rem;
    --games_panel_footer_border_colour: transparent;
    --games_panel_footer_border_width: 1rem;
    --games_panel_border_radius: 0rem;
    --games_panel_copy_font_size: 1.4rem;
    --games_panel_copy_colour: #000000;
    /* endregion */

    /* region Item Blocks */
    --item_blocks_style: top;
    --item_blocks_background: #f2f2f2;
    --item_blocks_header_colour: #321f5e;
    --item_blocks_copy_colour: #000000;
    --item_blocks_header_font_family: "Compton Book", "Campton Bold", sans-serif;
    --item_blocks_header_font_size: 1.8rem;
    --item_blocks_header_line_height: 1.13rem;
    --item_blocks_header_weight: 700;
    --item_blocks_header_text_transform: none;
    --item_blocks_header_alignment: center;
    --item_blocks_copy_text_transform: none;
    --item_blocks_copy_alignment: center;
    --item_blocks_copy_font_family: "Compton Book", "Campton Bold", sans-serif;
    --item_blocks_copy_font_size: 1.4rem;
    --item_blocks_body_padding_vertical: 1.3rem;
    --item_blocks_body_padding_horizontal: 0.9rem;
    --item_blocks_image_padding: 0rem;
    --item_blocks_border_colour: transparent;
    --item_blocks_box_radius: 0rem;
    --item_blocks_border_size: 0rem;
    --item_blocks_box_shadow: unset;
    /* endregion */

    /* region Modals */
    --modals_background: #ffffff;
    --modals_header_colour: #00000055;
    --modals_header_font_size: 3.6rem;
    --modals_copy_colour: #00000055;
    --modals_copy_font_size: 1.4rem;
    /* endregion */

    /*region Advance Contact Form*/
    --contact_form_width: 68%;

    --contact_form_question_colour: #000000;
    --contact_form_question_font_size: 3.6rem;
    --contact_form_question_weight: bold;
    --contact_form_question_style: normal;
    --contact_form_question_margin_bottom: 1.6rem;
    --contact_form_question_text_transform: inherit;

    --contact_form_question_radio_background: #ffffff;
    --contact_form_question_radio_background_hover: #efefef;
    --contact_form_question_radio_colour: #000000;
    --contact_form_question_radio_colour_hover: #000000;
    --contact_form_question_radio_font_size: 1.6rem;
    --contact_form_question_radio_weight: 600;
    --contact_form_question_radio_style: normal;
    --contact_form_question_radio_margin_bottom: 10px;
    --contact_form_question_radio_text_transform: inherit;
    --contact_form_question_radio_width: 360px;
    --contact_form_question_radio_padding_top: 11px;
    --contact_form_question_radio_padding_left: 8px;
    --contact_form_question_radio_padding_bottom: 11px;
    --contact_form_question_radio_padding_right: 8px;
    --contact_form_question_radio_border: #000000;
    --contact_form_question_radio_border_size: 2px;
    --contact_form_question_radio_border_radius: 1.2rem;
    --contact_form_question_radio_dot_visibility: inline-block;
    --contact_form_question_radio_align: block;
    --contact_form_question_radio_gap: 0px;

    --contact_form_sub_list_margin_top: 10px;
    --contact_form_sub_list_padding_left: 10px;
    --contact_form_sub_list_border: #000000;
    --contact_form_sub_list_border_size: 4px;

    --contact_form_sub_question_colour: #000000;
    --contact_form_sub_question_font_size: 3.6rem;
    --contact_form_sub_question_weight: bold;
    --contact_form_sub_question_style: normal;
    --contact_form_sub_question_margin_bottom: 1.6rem;
    --contact_form_sub_question_text_transform: inherit;

    --contact_form_sub_question_select_colour: #000000;
    --contact_form_sub_question_select_font_size: 2rem;
    --contact_form_sub_question_select_margin_bottom: 1.6rem;
    --contact_form_sub_question_border: #000000;
    --contact_form_sub_question_border_size: 2px;
    --contact_form_sub_question_border_radius: 0px;
    --contact_form_sub_question_radio_padding_top: 4px;
    --contact_form_sub_question_radio_padding_left: 4px;
    --contact_form_sub_question_radio_padding_bottom: 4px;
    --contact_form_sub_question_radio_padding_right: 4px;

    --contact_form_info_box_border: #000000;
    --contact_form_info_box_border_size: 0px;
    --contact_form_info_box_border_radius: 0px;
    --contact_form_info_box_margin_top: 10px;
    --contact_form_info_box_margin_bottom: 20px;

    --contact_form_info_box_header_border_bottom: #000000;
    --contact_form_info_box_header_border_size: 0px;
    --contact_form_info_box_header_background_colour: #000000;
    --contact_form_info_box_header_colour: #ffffff;
    --contact_form_info_box_header_font_size: 1.6rem;
    --contact_form_info_box_header_copy_alignment: left;
    --contact_form_info_box_header_padding_vertical: 10px;
    --contact_form_info_box_header_padding_horizontal: 20px;

    --contact_form_info_box_body_background_colour: #efefef;
    --contact_form_info_box_body_colour: #000000;
    --contact_form_info_box_body_font_size: 3.6rem;
    --contact_form_info_box_body_copy_alignment: left;
    --contact_form_info_box_body_padding_vertical: 10px;
    --contact_form_info_box_body_padding_horizontal: 10px;
    /*endregion*/

    /* region Box */
    --box_background: #404040;
    --box_copy_colour: #000000;
    --box_link_colour: #000000;
    --box_padding_top: 11px;
    --box_padding_left: 8px;
    --box_padding_bottom: 11px;
    --box_padding_right: 8px;
    --box_border_radius: 0px;
    --box_border_top_colour: #000000;
    --box_border_top_size: 0px;
    --box_border_right_colour: #000000;
    --box_border_right_size: 0px;
    --box_border_bottom_colour: #000000;
    --box_border_bottom_size: 0px;
    --box_border_left_colour: #000000;
    --box_border_left_size: 0px;
    /* endregion */
}

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

/* region Cookie */
.cookie-modal-container .cookie-modal-wrapper {
    background-color: var(--cookie_bar_modal_background);
    color: var(--cookie_bar_modal_text_colour);
}

.cookie-modal-container .cookie-modal-wrapper a {
    color: var(--cookie_bar_modal_link_colour);
}

.cookie-sidebar *:focus-visible,
.cookie-sidebar button:focus-visible {
    outline: var(--cookie_bar_outline_colour) auto 1px !important;
    outline-offset: 1px;
}
.ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper button:focus-visible {
    border: none;
}

.cookie-sidebar .cookie-sidebar-logo {
    background-color: var(--cookie_bar_sidebar_logo_background);
    border-bottom: var(--cookie_bar_sidebar_logo_border_size) solid var(--cookie_bar_sidebar_logo_border);
}

.cookie-sidebar .cookie-sidebar-logo .cookie-sidebar-close {
    color: var(--cookie_bar_sidebar_logo_close_colour);
}

.cookie-sidebar .cookie-sidebar-content {
    background-color: var(--cookie_bar_sidebar_content_background);
}

.cookie-sidebar .cookie-sidebar-content h3 {
    color: var(--cookie_bar_sidebar_heading_colour);
}

.cookie-sidebar .cookie-sidebar-content p {
    color: var(--cookie_bar_sidebar_copy_colour);
}

.cookie-sidebar .cookie-sidebar-content a:not(.btn) {
    color: var(--cookie_bar_sidebar_link_colour);
}

.cookie-sidebar .cookie-sidebar-content .cookie-sidebar-toggle.fa-toggle-on {
    color: var(--cookie_bar_sidebar_switch_on_colour);
}

.cookie-sidebar .cookie-sidebar-content .cookie-sidebar-toggle.fa-toggle-off {
    color: var(--cookie_bar_sidebar_switch_off_colour);
}

.cookie-sidebar .cookie-sidebar-controls {
    background-color: var(--cookie_bar_sidebar_control_background);
    border-top: var(--cookie_bar_sidebar_control_border_size) solid var(--cookie_bar_sidebar_control_border);
}

.ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper .ck-accordion-header > button  {
    color: var(--cookie_bar_sidebar_details_header_colour);
}

.ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-chevron {
    color: var(--cookie_bar_sidebar_details_chevron_colour);
}

.ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper .ck-accordion-header-desc p,
.ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper .ck-accordion-header-desc strong {
    color: var(--cookie_bar_sidebar_details_description_colour);
}

.ck-accordion .ck-accordion-wrapper .ck-accordion-item .ck-accordion-header-wrapper .ck-accordion-header .ck-accordion-always-active {
    color: var(--cookie_bar_sidebar_details_always_active_colour);
}

.ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table {
    background-color: var(--cookie_bar_sidebar_table_background_colour);
    border-color: var(--cookie_bar_sidebar_table_border_colour);
}

.ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table > ul li div:first-child {
    color: var(--cookie_bar_sidebar_table_label_colour);
}

.ck-accordion .ck-accordion-wrapper .ck-accordion-body .ck-accordion-table > ul li div:last-child {
    color: var(--cookie_bar_sidebar_table_value_colour);
}

/* 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,
.brand-nav.navbar-head .main-nav ul a:focus,
.brand-nav.navbar-head .main-nav ul a:focus-visible {
    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,
.brand-nav.navbar-head .main-nav ul a:focus span,
.brand-nav.navbar-head .main-nav ul a:focus-visible 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);
}

@media (min-width: 768px) {
    .brand-nav.nav-top-bar ul li {
        margin-right: var(--navbar_top_link_tablet_right_spacing);
        margin-left: var(--navbar_top_link_tablet_left_spacing);
    }
}

@media (min-width: 992px) {
    .brand-nav.nav-top-bar ul li {
        margin-right: var(--navbar_top_link_desktop_right_spacing);
        margin-left: var(--navbar_top_link_desktop_left_spacing);
    }
}

.brand-nav.nav-top-bar nav > ul > li > a {
    background-color: var(--navbar_top_link_background_colour);
    padding: var(--navbar_top_link_padding_top) var(--navbar_top_link_padding_right) var(--navbar_top_link_padding_bottom) var(--navbar_top_link_padding_left);
}

.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);
    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);
}

.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 nav > ul > 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);
}

@media (min-width: 768px) {
    .brand-nav.nav-bottom-bar nav > ul > li {
        margin-right: var(--navbar_bottom_link_tablet_right_spacing);
        margin-left: var(--navbar_bottom_link_tablet_left_spacing);
    }
}

@media (min-width: 992px) {
    .brand-nav.nav-bottom-bar nav > ul > li {
        margin-right: var(--navbar_bottom_link_desktop_right_spacing);
        margin-left: var(--navbar_bottom_link_desktop_left_spacing);
    }
}

.brand-nav.nav-bottom-bar nav > ul > 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);
    padding: var(--navbar_bottom_link_padding_top) var(--navbar_bottom_link_padding_right) var(--navbar_bottom_link_padding_bottom) var(--navbar_bottom_link_padding_left);
}

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

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

.brand-nav.nav-bottom-bar nav > ul > 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.__responsive,
.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.__responsive,
    .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_copy_colour);
    padding: 0;
    border-top: var(--footer_top_border_size) solid var(--footer_top_border);
}

.footer .container {
    padding: var(--footer_padding_top) 0 var(--footer_padding_bottom) 0;
    margin-top: var(--footer_margin_top);
    margin-bottom: var(--footer_margin_bottom);
    border-bottom: var(--footer_bottom_border_size) solid var(--footer_bottom_border);
}

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

.footer .footer-nav > li > span {
    color: var(--footer_copy_colour);
    font-size: var(--footer_copy_font_size);
    text-align: var(--footer_copy_alignment);
    font-family: var(--footer_copy_font_family);
    font-weight: var(--footer_copy_weight);
    margin: var(--footer_copy_margin_top) var(--footer_copy_margin_right) var(--footer_copy_margin_bottom) var(--footer_copy_margin_left);
}

.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_link_text_decoration);
    text-transform: var(--footer_link_text_transform);
    font-family: var(--footer_link_font_family);
    font-weight: var(--footer_link_weight);
    margin: var(--footer_link_margin_top) var(--footer_link_margin_right) var(--footer_link_margin_bottom) var(--footer_link_margin_left);
}

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

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

.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 !important;
    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);
    margin: var(--primary_buttons_margin_top) var(--primary_buttons_margin_right) var(--primary_buttons_margin_bottom) var(--primary_buttons_margin_left);
    width: var(--primary_buttons_width);
    height: var(--primary_buttons_height);
    font-weight: var(--primary_buttons_weight);
    transition: var(--primary_buttons_transition);
    box-shadow: var(--primary_buttons_box_shadow);
}

.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);
}

.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);
}

.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);
    margin: var(--secondary_buttons_margin_top) var(--secondary_buttons_margin_right) var(--secondary_buttons_margin_bottom) var(--secondary_buttons_margin_left);
    width: var(--secondary_buttons_width);
    height: var(--secondary_buttons_height);
    font-weight: var(--secondary_buttons_weight);
    transition: var(--secondary_buttons_transition);
    box-shadow: var(--secondary_buttons_box_shadow);
}

.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);
}

.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);
}

/* endregion */

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

h1.heading-1,
.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);
}

h2.heading-2,
.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);
}

h3.heading-3,
.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);
}

h4.heading-4,
.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);
}

h5.heading-5,
.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);
}

h6.heading-6,
.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);
}

ul.list li,
ol.list li,
.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);
}

p.paragraph,
.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);
}

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

em.em,
.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)
}

.main-content .main-content-copy .card {
    background-color: var(--content_panel_background_colour);
    border-radius: var(--content_panel_border_radius);
    border-color: var(--content_panel_border_colour);
    border-width: var(--content_panel_border_width);
}

/* 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 .card-body {
    padding: var(--forms_card_padding_top) var(--forms_card_padding_right) var(--forms_card_padding_bottom) var(--forms_card_padding_left);
}

.main-content .main-content-copy form p {
    color: var(--forms_copy_colour);
}

.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);
    padding: var(--forms_input_padding_vertical) var(--forms_input_padding_horizontal);
    border: var(--forms_input_border_width) solid var(--forms_input_border_colour);
    box-shadow: var(--forms_input_box_shadow);
}

.main-content .main-content-copy .form-group .form-control:not(textarea) {
    height: var(--forms_input_height);
}

.main-content .main-content-copy .form-group .form-text-info {
    font-size: var(--forms_info_font_size);
    color: var(--forms_info_font_colour) !important;
}

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

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

.main-content .main-content-copy .form-group .form-text-info 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);
}

.main-content .main-content-copy form .card {
    background-color: var(--forms_panel_background_colour);
    border-radius: var(--forms_panel_border_radius);
    border-color: var(--forms_panel_border_colour);
    border-width: var(--forms_panel_border_width);
}

.main-content .main-content-copy form .card p,
.main-content .main-content-copy form .card a:not(.btn),
.main-content .main-content-copy form .card strong {
    color: var(--forms_panel_copy_colour);
    font-size: var(--forms_panel_copy_font_size);
}

.main-content .main-content-copy form .card .card-footer {
    background-color: var(--forms_panel_footer_background_colour);
    border-color: var(--forms_panel_footer_border_colour);
    border-width: var(--forms_panel_footer_border_width);
}

/* endregion */

/* region Tables */
.main-content .main-content-copy .table > thead > tr > td,
.main-content .main-content-copy .table > thead > tr > th {
    padding: var(--tables_heading_padding);
    line-height: var(--tables_heading_line_height);
    vertical-align: var(--tables_heading_vertical_align);
    background-color: var(--tables_heading_background_colour);
    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);
}

.main-content .main-content-copy .table-bordered {
    border-top-color: var(--tables_heading_border_colour);
}

.main-content .main-content-copy .table > tbody > tr > td,
.main-content .main-content-copy .table > tbody > tr > th {
    padding: var(--tables_cell_padding);
    line-height: var(--tables_cell_line_height);
    vertical-align: var(--tables_cell_vertical_align);
    background-color: var(--tables_cell_background_colour);
    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);
}

.main-content .main-content-copy .table > tfoot > tr > td,
.main-content .main-content-copy .table > tfoot > tr > th {
    padding: var(--tables_footer_padding);
    line-height: var(--tables_footer_line_height);
    vertical-align: var(--tables_footer_vertical_align);
    background-color: var(--tables_footer_background_colour);
    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);
    box-shadow: var(--item_blocks_box_shadow);
    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-transform: var(--item_blocks_header_text_transform);
    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);
    text-transform: var(--item_blocks_copy_text_transform);
    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);
    text-transform: var(--item_blocks_copy_text_transform);
}

/* endregion */

/* region Accordion */
.main-content .main-content-copy .simple-accordion {
    margin-bottom: var(--accordion_tab_margin_bottom);
}
.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);
    border-radius: var(--accordion_tab_border_radius);
    border: var(--accordion_tab_border_size) solid var(--accordion_tab_border);
}

.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: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);*/
    color: var(--accordion_tab_icon_colour);
}

.main-content .main-content-copy .simple-accordion section {
    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);
    border-radius: var(--accordion_panel_border_radius);
}

.main-content .main-content-copy .simple-accordion section p,
.main-content .main-content-copy .simple-accordion section strong,
.main-content .main-content-copy .simple-accordion section em,
.main-content .main-content-copy .simple-accordion section 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 .card-body {
    background-color: var(--raf_success_panel);
}

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

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

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

/* endregion */

/* region Games */
.game-container .main-content-copy .card {
    background-color: var(--games_panel_background_colour);
    border-radius: var(--games_panel_border_radius);
    border-color: var(--games_panel_border_colour);
    border-width: var(--games_panel_border_width);
}

.game-container .main-content-copy .card p,
.game-container .main-content-copy .card a:not(.btn),
.game-container .main-content-copy .card strong {
    color: var(--games_panel_copy_colour);
    font-size: var(--games_panel_copy_font_size);
}

.game-container .main-content-copy .card .card-footer {
    background-color: var(--games_panel_footer_background_colour);
    border-color: var(--games_panel_footer_border_colour);
    border-width: var(--games_panel_footer_border_width);
}

/* endregion */

/* region Games */
.info-box {
    background-color: var(--modals_background);
}

.info-box h2 {
    color: var(--modals_header_colour);
    font-size: var(--modals_header_font_size);
}

.info-box .info-box-content h2 {
    color: var(--modals_header_colour);
    font-size: var(--modals_header_font_size);
}

.info-box .info-box-content p {
    color: var(--modals_copy_colour) !important;
    font-size: var(--modals_copy_font_size) !important;;
}

/* endregion */

/*region Advance Contact Form*/
/* Question */
@media (min-width: 768px) {
    .main-content .main-content-copy .advance-contact-form {
        width: var(--contact_form_width);
    }
}

.main-content .main-content-copy .advance-contact-form .main-level-section > h3 {
    color: var(--contact_form_question_colour);
    font-size: var(--contact_form_question_font_size);
    font-weight: var(--contact_form_question_weight);
    font-style: var(--contact_form_question_style);
    margin-bottom: var(--contact_form_question_margin_bottom);
    text-transform: var(--contact_form_question_text_transform);
}

.main-content .main-content-copy .advance-contact-form .acf-radio label {
    background-color: var(--contact_form_question_radio_background);
    color: var(--contact_form_question_radio_colour);
    font-size: var(--contact_form_question_radio_font_size);
    font-weight: var(--contact_form_question_radio_weight);
    font-style: var(--contact_form_question_radio_style);
    margin-bottom: var(--contact_form_question_radio_margin_bottom);
    text-transform: var(--contact_form_question_radio_text_transform);
    width: var(--contact_form_question_radio_width);
    padding: var(--contact_form_question_radio_padding_top) var(--contact_form_question_radio_padding_right) var(--contact_form_question_radio_padding_bottom) var(--contact_form_question_radio_padding_left);
    border: var(--contact_form_question_radio_border_size) solid var(--contact_form_question_radio_border);
    border-radius: var(--contact_form_question_radio_border_radius);
}

.main-content .main-content-copy .advance-contact-form .main-level-section .acf-radio {
    display: var(--contact_form_question_radio_align);
    margin-right: var(--contact_form_question_radio_gap);
}

.main-content .main-content-copy .advance-contact-form .acf-radio label:hover {
    background-color: var(--contact_form_question_radio_background_hover);
    color: var(--contact_form_question_radio_colour_hover);
}

.main-content .main-content-copy .advance-contact-form .acf-radio label input {
    display: var(--contact_form_question_radio_dot_visibility);
}

.main-content .main-content-copy .advance-contact-form .sub-nested-list {
    margin-top: var(--contact_form_sub_list_margin_top);
    border-left: var(--contact_form_sub_list_border_size) solid var(--contact_form_sub_list_border);
    padding-left: var(--contact_form_sub_list_padding_left);
}

.main-content .main-content-copy .advance-contact-form .sub-nested-list > h3 {
    color: var(--contact_form_sub_question_colour);
    font-size: var(--contact_form_sub_question_font_size);
    line-height: var(--contact_form_sub_question_font_size);
    font-weight: var(--contact_form_sub_question_weight);
    font-style: var(--contact_form_sub_question_style);
    margin-bottom: var(--contact_form_sub_question_margin_bottom);
    text-transform: var(--contact_form_sub_question_text_transform);
}

.main-content .main-content-copy .advance-contact-form select.hc-subject {
    color: var(--contact_form_sub_question_select_colour);
    font-size: var(--contact_form_sub_question_select_font_size);
    margin-bottom: var(--contact_form_sub_question_select_margin_bottom);
    padding: var(--contact_form_sub_question_radio_padding_top) var(--contact_form_sub_question_radio_padding_left) var(--contact_form_sub_question_radio_padding_bottom) var(--contact_form_sub_question_radio_padding_right);
    border: var(--contact_form_sub_question_border_size) solid var(--contact_form_sub_question_border);
    border-radius: var(--contact_form_sub_question_border_radius);
}

.main-content .main-content-copy .advance-contact-form .info-level-section .card {
    margin-top: var(--contact_form_info_box_margin_top);
    margin-bottom: var(--contact_form_info_box_margin_bottom);
    border: var(--contact_form_info_box_border_size) solid var(--contact_form_info_box_border);
    border-radius: var(--contact_form_info_box_border_radius);
}

.main-content .main-content-copy .advance-contact-form .info-level-section .card .card-header {
    border-bottom: var(--contact_form_info_box_header_border_size) solid var(--contact_form_info_box_header_border_bottom);
    background-color: var(--contact_form_info_box_header_background_colour);
    color: var(--contact_form_info_box_header_colour);
    font-size: var(--contact_form_info_box_header_font_size);
    text-align: var(--contact_form_info_box_header_copy_alignment);
    padding: var(--contact_form_info_box_header_padding_vertical) var(--contact_form_info_box_header_padding_horizontal);
}

.main-content .main-content-copy .advance-contact-form .info-level-section .card .card-body {
    background-color: var(--contact_form_info_box_body_background_colour);
    color: var(--contact_form_info_box_body_colour);
    font-size: var(--contact_form_info_box_body_font_size);
    text-align: var(--contact_form_info_box_body_copy_alignment);
    padding: var(--contact_form_info_box_body_padding_vertical) var(--contact_form_info_box_body_padding_horizontal);
}

/*endregion*/

/* region Content Box */
.content-box {
    background-color: var(--box_background);
    color: var(--box_copy_colour);
    padding: var(--box_padding_top) var(--box_padding_right) var(--box_padding_bottom)  var(--box_padding_left);
    border-radius: var(--box_border_radius);
    border-top: var(--box_border_top_size) solid var(--box_border_top_colour);
    border-right: var(--box_border_right_size) solid var(--box_border_right_colour);
    border-bottom: var(--box_border_bottom_size) solid var(--box_border_bottom_colour);
    border-left: var(--box_border_left_size) solid var(--box_border_left_colour);
}

.content-box a {
    color: var(--box_link_colour);
}
/* endregion */

/* Do not remove the below line */
.brand-nav.navbar-head {
  height: 70px;
  padding: 0;
  margin-bottom: 50px;
}
.nav-logo img {
  max-width: none;
  max-height: none;
  height: 80px;
  width: auto;
}
.navbar-main .nav-logo .logo-wrapper {
  position: relative;
}
.navbar-main .nav-logo .logo-wrapper .logo-inner {
  background: #0f2125;
  padding: 20px 40px;
  z-index: 99;
}
.navbar-main .main-nav {
  padding: 0;
  margin: 0;
  height: 70px;
}
.navbar-main .main-nav > ul {
  height: 70px;
}
.brand-nav.navbar-head ul li {
  margin: 0 !important;
}
.brand-nav.navbar-head .main-nav > ul > li > a {
  padding: 0;
}
.brand-nav.navbar-head .main-nav > ul > li > a > span {
  padding: 26px 20px 27px;
  display: block;
}
.below-nav {
  border-top: 0;
}
#hard_work_rewarded {
  position: absolute;
  top: -30px;
  right: 60px;
}
.btn.btn-primary {
  font-family: "Campton Bold", sans-serif;
}
.form-group {
  margin: 0 0 10px 0;
}
label[for="terms"] {
  font-size: 1.4rem !important;
}
.card-footer {
  padding: 0 !important;
}
.btn-primary {
  text-transform: uppercase;
}
.register-banner-image {
  width: 100%;
}
.__grey {
  background-color: #edecec !important;
}
.__grey header.nav-container {
  background-color: #edecec !important;
}
.__black {
  background-color: #122126 !important;
  color: #ffffff !important;
}
.__yellow {
  background-color: #fed64d !important;
}
header.nav-container, .__white {
  background-color: #ffffff;
}
html, body {
  height: 100%;
  margin: 0;
}
#content {
  min-height: calc(100% - 241px);
  display: flex;
  flex-direction: column;
}
main {
  flex: 1;
}
.navbar-mobile .nav-logo img {
  background-color: #0f2125;
  padding: 2rem;
  max-width: 210px;
}