.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-118614 .elementor-element.elementor-element-b1448a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-divider .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-divider .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-118614 .elementor-element.elementor-element-db417db{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-118614 .elementor-element.elementor-element-db417db .elementor-divider-separator{width:100%;}.elementor-118614 .elementor-element.elementor-element-db417db .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-118614 .elementor-element.elementor-element-c4f5d38{--divider-border-style:solid;--divider-border-width:1px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-118614 .elementor-element.elementor-element-c4f5d38 .elementor-divider-separator{width:100%;}.elementor-118614 .elementor-element.elementor-element-c4f5d38 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-118614 .elementor-element.elementor-element-bece330{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-118614 .elementor-element.elementor-element-c98e32d{--display:flex;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-118614 .elementor-element.elementor-element-e17ef82{width:auto;max-width:auto;z-index:1;}.elementor-118614 .elementor-element.elementor-element-e17ef82 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-spacer .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-spacer .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-spacer .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-118614 .elementor-element.elementor-element-72d5982{--spacer-size:5px;}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-118614 .elementor-element.elementor-element-e1a955d{width:auto;max-width:auto;z-index:1;}.elementor-118614 .elementor-element.elementor-element-e1a955d .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-118614 .elementor-element.elementor-element-3ba1c07{--spacer-size:5px;}.elementor-118614 .elementor-element.elementor-element-15b16c0{--display:flex;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-118614 .elementor-element.elementor-element-5ff7441{width:auto;max-width:auto;z-index:1;}.elementor-118614 .elementor-element.elementor-element-5ff7441 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-118614 .elementor-element.elementor-element-879b0f1{--spacer-size:5px;}.elementor-118614 .elementor-element.elementor-element-e2ec8a2{width:auto;max-width:auto;z-index:1;}.elementor-118614 .elementor-element.elementor-element-e2ec8a2 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-118614 .elementor-element.elementor-element-19a46ee{--spacer-size:5px;}.elementor-118614 .elementor-element.elementor-element-fc43f2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-118614 .elementor-element.elementor-element-876cb5b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:15%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-118614 .elementor-element.elementor-element-e60d930{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overflow:hidden;--z-index:1;}.elementor-118614 .elementor-element.elementor-element-b91372e{padding:0px 0px 0px 0px;}.elementor-118614 .elementor-element.elementor-element-ef5ba64{--display:flex;}.elementor-118614 .elementor-element.elementor-element-91b0430{margin:10% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-118614 .elementor-element.elementor-element-91b0430 .elementor-heading-title{font-family:"AlmarenaDisplay", Sans-serif;font-size:30em;}@media(max-width:1279px){.elementor-118614 .elementor-element.elementor-element-876cb5b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-118614 .elementor-element.elementor-element-e60d930{--min-height:40vh;}.elementor-118614 .elementor-element.elementor-element-91b0430 .elementor-heading-title{font-size:20em;}}@media(max-width:767px){.elementor-118614 .elementor-element.elementor-element-b1448a2{--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-118614 .elementor-element.elementor-element-db417db{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-118614 .elementor-element.elementor-element-c4f5d38{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-118614 .elementor-element.elementor-element-e17ef82{width:auto;max-width:auto;}.elementor-118614 .elementor-element.elementor-element-e1a955d{width:auto;max-width:auto;}.elementor-118614 .elementor-element.elementor-element-15b16c0{--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-118614 .elementor-element.elementor-element-5ff7441{width:auto;max-width:auto;}.elementor-118614 .elementor-element.elementor-element-e2ec8a2{width:auto;max-width:auto;}.elementor-118614 .elementor-element.elementor-element-876cb5b{--padding-top:15%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-118614 .elementor-element.elementor-element-e60d930{--min-height:300px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-118614 .elementor-element.elementor-element-54218b4{padding:20px 0px 0px 0px;}.elementor-118614 .elementor-element.elementor-element-91b0430 .elementor-heading-title{font-size:10em;}}@media(min-width:768px){.elementor-118614 .elementor-element.elementor-element-e60d930{--width:50%;}.elementor-118614 .elementor-element.elementor-element-ef5ba64{--width:50%;}}@media(max-width:1279px) and (min-width:768px){.elementor-118614 .elementor-element.elementor-element-e60d930{--width:100%;}.elementor-118614 .elementor-element.elementor-element-ef5ba64{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-1ac2308 */.font-tester{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.controls {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  flex-wrap: wrap;
  gap: 1px 10px;
}

.control-group {
  width: 18%;
  position: relative;
}

.select-group {
  width: 12% ;
  position: relative;
}

.controls select,
.controls button {
  padding: 0.4rem 0.8rem;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  border-radius: 5px;
  font-size: 0.9rem;
  height: 40px;
  margin: 0px;
  background: transparent;
}

.controls button:hover {
  background-color: var(--color-text);
  color: var(--color-background);
}

.controls button.active {
  background: var(--color-text);
  color: var(--color-background);
}
.controls button:active {
  background-color: var(--color-text);
  color: var(--color-background);
}

/* Conteneurs des sliders */
[class*="slider-container"],
[class*="spacing-container"],
[class*="leading-container"],
[class*="weight-container"],
[class*="italic-container"],
[class*="display-container"] {
  position: relative;
  width: 100%;
  height: 6px;
  margin: 10px 0;
  border-radius: 4px;
 padding:0px 10px 0px 0px; 
}



/* Pistes des sliders */
[class*="slider-track"],
[class*="spacing-track"],
[class*="leading-track"],
[class*="weight-track"],
[class*="italic-track"],
[class*="display-track"] {
  width: 100%;
  height: 100%;
  background: var(--color-text);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

/* Remplissage dynamique */
[class*="slider-progress"],
[class*="spacing-progress"],
[class*="leading-progress"],
[class*="weight-progress"],
[class*="italic-progress"],
[class*="display-progress"] {
  height: 100%;
background: #000000BB;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  transition: width 0.1s linear;
}

/* Poignées (thumbs) */
[class*="slider-thumb"],
[class*="spacing-thumb"],
[class*="leading-thumb"],
[class*="weight-thumb"],
[class*="italic-thumb"],
[class*="display-thumb"] {
  width: 16px;
  height: 16px;
  background: var(--color-background);
  border-radius: 50%;
  border: solid 2px var(--color-text);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: grab;
  z-index: 10;
  transition: background 0.2s ease;
}

[class*="slider-thumb"]:active,
[class*="spacing-thumb"]:active,
[class*="leading-thumb"]:active,
[class*="weight-thumb"]:active,
[class*="italic-thumb"]:active,
[class*="display-thumb"]:active {
  cursor: grabbing;
  background: #FEC7DC;
  border: solid 2px #FEC7DC;
}



[class*="type-tester__content"] {
font-size: 100px; 
padding:50px 0;
text-align:center;
letter-spacing: 0px; 
line-height: 1.5;
font-variation-settings: 'wght' 40, 'slnt' 0, 'disp'100;
width:100%;
outline: none;
margin-top:20px;
}

[class^="type-tester__content"]:hover,
[class^="type-tester__content"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-text);
  border-radius: 5px;
background: #ffffff09;
transition:all ease-in 0.2s;
}


@media screen and (max-width: 768px) {
.elementor-118614 .elementor-element.elementor-element-1ac2308 .control-group {
  width: 45%;
  position: relative;
}

.select-group {
  width: 45%;
  position: relative;
}


[class*="type-tester__content"] {
    font-size: 50px;
    padding:50px 0 0 0 !important;
    line-height:50px;
}
  
.elementor-118614 .elementor-element.elementor-element-1ac2308 .controls {
  display: flex;
  justify-content: start;
    gap: 10px 5%;
}

.controls select,
.controls button {
  padding: 0.2rem 0.4rem;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  border-radius: 5px;
  font-size: 0.8rem;
  height: 40px;
  margin: 0px;
  background: transparent;
}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d1bc5e */.elementor-118614 .elementor-element.elementor-element-7d1bc5e .control-group {
  width: 18%;
  position: relative;
}


@media screen and (max-width: 768px) {
.elementor-118614 .elementor-element.elementor-element-7d1bc5e .control-group {
  width: 45%;
  position: relative;
}

.select-group {
  width: 45%;
  position: relative;
}



[class*="type-tester__content"] {
    font-size: 50px;
    padding:50px 0 0 0 !important;
    line-height:50px;
}
  
.elementor-118614 .elementor-element.elementor-element-7d1bc5e .controls {
  display: flex;
  justify-content: start;
    gap: 10px 5%;
}

.controls select,
.controls button {
  padding: 0.2rem 0.4rem;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  border-radius: 5px;
  font-size: 0.8rem;
  height: 40px;
  margin: 0px;
  background: transparent;
}


}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1448a2 */h1 {
    font-family: AlmarenaDisplay !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b91372e */.elementor-118614 .elementor-element.elementor-element-b91372e .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      padding: 1rem;
      background:transparent;

      align-items: center;
    justify-content: start;
    }
    
.elementor-118614 .elementor-element.elementor-element-b91372e .controls button, .elementor-118614 .elementor-element.elementor-element-b91372e .controls select {
      padding: 0.4rem 0.8rem;
      border: 1px solid var(--color-text);
      color: var(--color-text);
      border-radius: 5px;
      font-size: 0.9rem;
      height: 40px;
      margin:5px;
    }
.elementor-118614 .elementor-element.elementor-element-b91372e .controls button:hover {
      background-color:var(--color-text);
      color:var(--color-background);
    }
 
.elementor-118614 .elementor-element.elementor-element-b91372e .controls button.active {
      background: var(--color-text);
      color: var(--color-background);
    }
    
    .layout {
      display: flex;
      height: calc(100vh - 70px);
    }
    .preview {
      flex: 1;
      display: flex;
      align-items: center;
      background:transparent;
      transition: transform 0.2s ease;
      overflow: auto;
    }
    .preview span {
      font-size: 25vw;
      display: block;
      transition: transform 0.2s ease;
      line-height: 45vw;
      overflow: visible;
    }
    .glyphs {
      background:transparent;
      overflow-y: auto;
      padding: 1rem;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 2rem;
    }
    .grid span {
      font-size: 2.5rem;
      cursor: pointer;
      transition: color 0.2s;
      text-align: center;
      border-radius:200px;
    }
    
    .grid span:hover {
      color: var(--color-background);
      background: var(--color-text);
    }
    
    
    .ligature-grid {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.15);
}

.grid-section-title{
  grid-column: 1 / -1;
  opacity: .7;
  font-size: 12px;
  letter-spacing: .04em;
  margin: 8px 0;
}

    
    
    
    @media screen and (min-width: 768px) and (max-width: 1280px) {
    .grid  {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 2rem;
    }
     
     .grid span {
      font-size: 2rem;
      text-align: center;
      border-radius:200px;
    }
  
     .preview span {
       font-size: 220px;
      display: block;
      transition: transform 0.2s ease;
      line-height: initial;
    }
}

    @media screen and (max-width: 767px) {
    .grid  {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 1.5rem;
    }
    
    .grid span {
      font-size: 1.5rem;
    }
  
    .preview span {
      font-size: 220px;
      display: block;
      transition: transform 0.2s ease;
      line-height: 150px;
      width: 100%;
      
    }
    
   .elementor-118614 .elementor-element.elementor-element-b91372e .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0rem;
      padding: 0rem;
      background:transparent;
      border-bottom: 0px solid #ccc;
      align-items: center;
    }
    
     .elementor-118614 .elementor-element.elementor-element-b91372e button, .elementor-118614 .elementor-element.elementor-element-b91372e select {
         font-size:0.8rem !important;
     }
 
     
        .elementor-118614 .elementor-element.elementor-element-b91372e .controls {
      display: flex;
      flex-wrap: wrap;
      gap: 0rem;
      padding: 0rem;
}



}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e60d930 */.elementor-118614 .elementor-element.elementor-element-e60d930 {
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef5ba64 */glyphs {
  max-height: 400px;
  overflow-y: auto;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'AlmarenaDisplay';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://almarenafoundry.com/wp-content/uploads/2022/09/Display-Almarena-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */