html {
    font-size: var(--lsOpac-other-text-size);
}

@media (orientation: landscape){
    html {
        font-size: 14px;
    }    
}

@media (orientation: landscape) and (min-width: 2400px) {
    html {
        font-size: 16px;
    }
}

/* @media (orientation: landscape) and (max-width: 576px) {
    html {
        font-size: 10px;
    }
}

@media (orientation: landscape) and (max-width: 768px) {
    html {
        font-size: 10px;
    }
}

@media (orientation: landscape) and (max-width: 992px) {
    html {
        font-size: 10px;
    }
}

@media (orientation: landscape) and (max-width: 1200px) {
    html {
        font-size: 10px;
    }
} */

@media (orientation: portrait){
    html {
        font-size: 12px;
    }    
}

@media (orientation: portrait) and (max-width: 576px) {
    html {
        font-size: max(3vw, 12px);
    }
}

@media (orientation: portrait) and (min-width: 576px) and (max-width: 768px) {
    html {
        font-size: max(2vw, 12px);
    }
}

/*@media (orientation: portrait) and (max-width: 992px) {
    html {
        font-size: 10px;
    }
}

@media (orientation: portrait) and (max-width: 1200px) {
    html {
        font-size: 10px;
    } 
} */


body {
    font-size: 1rem;
    font-family: var(--lsOpac-other-text-family);
    font-style: var(--lsOpac-other-text-style);
    line-height: normal;
  }

  .normal-font,div.ls-normal-font, p.ls-normal-font, section.ls-normal-font, a.ls-normal-font,a.ls-normal-font > span, a.ls-normal-font > i, button.ls-normal-font, li.ls-normal-font, ul.ls-normal-font,i.ls-normal-font,span.ls-normal-font{
    font-size: 1rem;
  }

  .ls-small-font, div.ls-small-font, p.ls-small-font, section.ls-small-font, a.ls-small-font, a.ls-small-font > span, a.ls-small-font > i,button.ls-small-font, li.ls-small-font, ul.ls-small-font,i.ls-small-font,span.ls-small-font{
    font-size: 0.8rem;
  }

  .ls-large-font,div.ls-large-font, p.ls-large-font, section.ls-large-font, a.ls-large-font, a.ls-large-font > span, a.ls-large-font > i,button.ls-large-font, li.ls-large-font, ul.ls-large-font,i.ls-large-font,span.ls-large-font{
    font-size: 1.2rem;
  }

  .ls-extra-large-font,div.ls-extra-large-font, p.ls-extra-large-font, section.ls-extra-large-font, a.ls-extra-large-font, a.ls-extra-large-font > span, a.ls-extra-large-font > i,button.ls-extra-large-font, li.ls-extra-large-font, ul.ls-extra-large-font,i.ls-extra-large-font,span.ls-extra-large-font{
    font-size: 1.5rem;
  }

  .ls-font-rem2 {
    font-size: 2rem;
  }
  .ls-font-rem25 {
    font-size: 2.5rem;
  }


  h1, h2, h3, h4, h5, h6 {
    font-family: var(--lsOpac-other-text-title-family);
    font-style: var(--lsOpac-other-text-title-style);
    color: inherit;
    margin: 0.4rem 0;
  }

  .dh1, h1, h1 > a, h1 > span, h1 > i, h1 > div {
    font-size: 2rem;
    font-weight: 800;
  }

  footer .dh1,footer h1,footer h1 > a,footer h1 > span,footer h1 > i,footer h1 > div {
    font-size: 1.5rem;
    font-weight: 800;
  }

  .dh2, h2, h2 > a, h2 > span, h2 > i, h2 > div {
    font-size: 1.9rem;
    font-weight: 600;
  }

  footer .dh2,footer h2,footer h2 > a,footer h2 > span,footer h2 > i,footer h2 > div {
    font-size: 1.5rem;
    font-weight: 600;
  }


  .dh3, h3, h3 > a, h3 > span, h3 > i, h3 > div {
    font-size: 1.8rem;
    font-weight: 200;
  }

  footer .dh3,footer h3,footer h3 > a,footer h3 > span,footer h3 > i,footer h3 > div {
    font-size: 1.2rem;
    font-weight: 200;
  }

  .dh4, h4, h4 > a, h4 > span, h4 > i, h4 > div {
    font-size: 1.7rem;
    font-weight: 100;   
  }

  footer .dh4,footer h4,footer h4 > a,footer h4 > span,footer h4 > i,footer h4 > div {
    font-size: 1.2rem;
    font-weight: 100;
  }
  
  .dh5, h5, h5 > a, h5 > span, h5 > i, h5 > div {
    font-size: 1.6rem;
    font-weight: 100;   
  }

  footer .dh5,footer h5,footer h5 > a,footer h5 > span,footer h5 > i,footer h5 > div {
    font-size: 1.1rem;
    font-weight: 100;
  }
.ls-pager-li{
    display: inline;
}

.ls-text-center{
    text-align: center;
}
.ls-text-title-truncate{
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ls-text-italic{
    font-style: italic;
}

.ls-text-bold{
    font-weight: 700;
}

.ls-text-vertical-align-center{
    vertical-align: middle;
}
.ls-text-one-line{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ls-text-justify {
    	    text-align: justify;
}

.ls-text-upper{
    text-transform: uppercase;
}

.ls-text-lower{
    text-transform: lowercase;
}

.ls-text-capitalize{
    text-transform: capitalize;
}
ul.none {
    list-style-type: none;
}

/* cache les titres sur le templates de page node gutenberg */
h2 .quickedit-field {
    display: none;
}

.ls-text-color-ok {
    color: var(--lsOpac-ok-color);
}

.ls-text-color-not-ok {
    color: var(--lsOpac-not-ok-color);
}

.ls-tx-underline {
    text-decoration: underline;
}

.ls-text-admin-profile-ac-text{
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding:0.5rem;
}

.ls-text-admin-profile-section-title{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #65686a;
}

.ls-tx-site-name {
    font-weight: 600;
    /*letter-spacing: 0.5rem;*/
    /*text-transform: uppercase;*/
    font-size: 1.5rem;
}

.ls-tx-not-ok {
    color: var(--lsOpac-not-ok-color);
}

.ls-tx-icon-zoom {
    font-size: 8rem;
}

.ls-tx-align-left{
    text-align: start;
}

.ls-tx-align-center{
    text-align: center;
}

.ls-tx-align-right{
    text-align: end;
}

.ls-text-small-font{
    font-size: 0.8rem;
}

.cs983BFCB,.csCED8894,.csA02369B,.cs2AA6D24,.cs97D1FCB,.cs11D6CA4,.cs97DFFCB,.csA9A6A24,.cs9C8F74,.csD763C34,.cs359BA8C,.cs36D7304,.cs56B83BB,.cs3270F94{
    font-family: var(--lsOpac-other-text-family)!important;
}