/* base above, custom below */

/* base above, custom below */

/* base above, custom below */

/* base above, custom below */

/* base above, custom below */

/* base above, custom below */

/* base above, custom below */
@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");
:root {
  --main_font_family: Lato;
  --main_font_size: 1rem;
  --main_font_weight: bold;
  --main_text_color: rgb(45, 45, 45);
  --main_logo_alignment: left;
  --progressbar_background_color: rgba(196, 214, 202, 1);
  --progressbar_foreground_color: rgba(9, 58, 78, .8);

  --page_background_image: url("");
  --page_background_color: rgb(65, 65, 65);
  --page_content_background_color: rgba(255, 255, 255, 1);

  --question_row_background_color: rgba(255, 255, 255, 1);
  --question_row_alt_background_color: rgba(255, 255, 255, 1);
  --question_font_size: 1.2rem;
  --question_row_border_color: rgba(225, 232, 235, 1);
  --question_text_alignment: left;
  --question_selected_background_color: rgba(196, 214, 202, 1);
  --question_font_weight: bold;
  --instruction_font_size: 18px;

  --button_background_color: rgb(36, 36, 36);
  --button_border_color: rgba(255, 255, 255, 1);
  --button_border_width: 6px;
  --button_border_radius: 9px;
  --button_min_width: 100px;
  --button_height: 44px;
  --button_font_size: 14px;
  --button_text_color: rgba(255, 255, 255, 1);

  --answer_opens_padding: 5px;
  --answers_text_size: 16px;

  --input_field_border_color: rgba(192, 206, 211, 1);
  --input_main_color: rgba(9, 58, 78, 1);
  --input_radio_checkbox_size: 22px;

  --interactive_text_color: rgba(9, 58, 78, 1);
  --interactive_background_color: rgb(255, 255, 255);
  --interactive_background_color_hover: rgba(192, 206, 211, 1);
  --interactive_checked_background_color: rgba(196, 214, 202, 1);
  --interactive_checked_text_color: rgba(9, 58, 78, 1);
  --interactive_text_color_hover: rgba(9, 58, 78, 1);
  --interactive_font_size: 14px;
  --interactive_font_weight: normal;
  --interactive_border_radius: 6px;
  --interactive_margin: 8px;
  --interactive_padding: 12px;
  --interactive_text_align: center;
  --interactive_vertical_align: middle;
  --interactive_border: 1px;
  --interactive_border_hover: 1px;
  
  --special_background_color: rgba(255, 255, 255, 1);
  --special_text_color: rgba(9, 58, 78, 1);

  --custom_button_background_color: rgba(196, 214, 202, 1);
  --custom_button_checked_background_color: rgba(196, 214, 202, 1);
  --custom_special_background_color: rgb(255, 255, 255);
}
/* Media query to target devices with coarse pointer (e.g., touch devices) */
@media (hover: none) and (pointer: coarse) {
  .rsBtn:hover, .rsImgBtn:hover {
    background-color: var(--interactive_background_color) !important;
    color: var(--main_text_color) !important;
  }
  .rsBtnChecked:hover, .rsImgBtnChecked:hover {
    background-color: var(--interactive_background_color_hover) !important;
    color: var(--interactive_text_color_hover) !important;
  }
}