/* ----------------------------------------------- */
/* RITA: add our project-specific css-classes here */
/* ----------------------------------------------- */

body{
    background-color: var(--ld_col_bkg_solid_a, --ld_col_bkg_fallback_c);
    background-image: var(--ld_col_bkg_gradient_c);
    background-attachment: fixed;
    margin: 0;
    font-family: 'Open Sans';
}

button{
  cursor: pointer;
}

a{
    font-weight: var(--ld_font_weight_bold);
    color: var(--ld_col_font_b);
    cursor: pointer;
}

/* unvisited link */
a:link {
    color: var(--ld_col_font_b);
  }
  
  /* visited link */
  a:visited {
    color: var(--ld_col_font_c);
  }
  
  /* mouse over link */
  a:hover {
    color: var(--ld_col_font_e);
  }
  
  /* selected link */
  a:active {
    color: var(--ld_col_font_b);
  }

  .text_right {
    text-align: end;
  }

  .text_center {
    text-align: center;
  }

  /******* alert ********/
.alert{
  background-color: red;
  color: white;
  padding: 1rem;
}
/******* general ********/
.adapting_text{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/******* buttons ********/
.cms_button{
  color: var(--ld_col_font_a);
  background-color: var(--ld_col_cms_bkg_header);
  border-radius: 1.25rem;
  height: 2.5rem;
  width: 8rem;
  font-size: 1rem;
  text-align: center;   
  cursor: pointer;
}

.cms_button>i{
  height: 100%;
  align-self: center;
  display: grid;
  align-content: center;
}

.cms_button:hover {
  background-color: var(--ld_col_cms_buttonA_hover);
}

.button_disabled{
  cursor: auto;
  color: var(--ld_col_font_c);
}