@font-face {
  font-family: aeonik-regular;
  src: url(../../cdn/fonts/Aeonik-Regular.otf);
}

:root {
  /* default starting values for scaling formulas */
  --font-family-default: aeonik-regular;
  --font-size-min-value: 1;
  --font-size-max-value: 2;
  --font-size-scaler-value: 1.5;
}

/* Generic formulas to apply scaling values on individual elements with different supplied values */
* {
  --font-size-min: calc(var(--font-size-min-value) * 1rem);
  --font-size-max: calc(var(--font-size-max-value) * 1rem);
  --font-size-scaler: calc(var(--font-size-scaler-value) * 1vw);
  --font-size: clamp(var(--font-size-min), calc(0.5rem + var(--font-size-scaler)), var(--font-size-max));
  --line-height: clamp(1.25em, 3.5vw, 1.6em); 
}



  h1 {
    /* responsive typography scaling bits */
 --font-size-min-value: 4;
    --font-size-max-value: 10;
    --font-size-scaler-value: 6.5;
    font-size: var(--font-size);
    line-height: var(--line-height); 
  }
  h2 {
    /* responsive typography scaling bits */
 --font-size-min-value: 1;
    --font-size-max-value: 1.5;
    --font-size-scaler-value: 1;
    font-size: var(--font-size);
    line-height: var(--line-height); 
  }
.button-block h2 {
   --font-size-min-value: 1;
    --font-size-max-value: 3;
    --font-size-scaler-value: 1.5;
    font-size: var(--font-size);
    line-height: var(--line-height); 
}
  h3 {
    /* responsive typography scaling bits */
 --font-size-min-value: 1.5;
    --font-size-max-value: 2;
    --font-size-scaler-value: 2.5;
    font-size: var(--font-size);
    line-height: var(--line-height); 
  }

  p {
    /* responsive typography scaling bits */
   --font-size-min-value: 1.5;
    --font-size-max-value: 2;
    --font-size-scaler-value: 2.5;
    font-size: var(--font-size);
    line-height: var(--line-height); 
  }

.main-menu-a li {
  font-family:var(--font-family-default);
   --font-size-min-value: 3;
    --font-size-max-value: 25;
    --font-size-scaler-value: 4;
    font-size: var(--font-size);
    line-height: var(--line-height); 
}

.comment, .mention-text, .mention-info {
      --font-size-min-value: 1;
    --font-size-max-value: 1.25;
    --font-size-scaler-value: 0.5;
      font-size: var(--font-size);
    line-height: var(--line-height); 
}

.article-heading-h1, .article-heading-h2, .article-heading-h3 {

      --font-size-min-value: 1;
    --font-size-max-value: 3.0;
    --font-size-scaler-value: 0.5;
    font-size: var(--font-size);
    line-height: var(--line-height);
    
  }

.sources-iterator {
--font-size-min-value: 0.7;
    --font-size-max-value: 1;
    --font-size-scaler-value: 1;
    font-size: var(--font-size);
    line-height: var(--line-height);
}

    
/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #000 #fff;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: #fff;
}

*::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0px;
 
}

.ss-content .ss-search input {
  border: 1px solid #c2c2c2!important;
  border-radius:0px!important
}

 *{scroll-behavior:smooth}
html,body {
  width:100%;
  height:100%;
}

.wrapper {
  padding-bottom:5rem;
}
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:typography] [3.240] DESIGN*/
/*******************************************************************/
/* 0.4 D>D */
/* db 194 */