@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

.pp-version-notice-bold-purple{
  display: none; /*cacher les messages du plugin*/
}
.pp-version-notice-bold-purple-message{
  display: none;
}
.pp-version-notice-bold-purple-button{
  display: none;
}
     

@layer base{
    @font-face {
        font-family: "Authentic_Sans";
        src: url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.woff") format("woff"),
        url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.woff2") format("woff2"),
        url("/assets/fonts/authentic-sans-90/AUTHENTICSans-90.otf") format("otf");
        font-style: normal;
      }

      @font-face {
        font-family: "Authentic_Sans_60";
        src: url("/assets/fonts/authentic-sans-90/AUTHENTICSans-60.woff") format("woff"),
        url("/assets/fonts/authentic-sans-90/AUTHENTICSans-60.woff2") format("woff2"),
        url("/assets/fonts/authentic-sans-90/AUTHENTICSans-60.otf") format("otf");
        font-style: normal;
      }
      
      @font-face {
        font-family: 'Libre_Caslon';
        src: url("/assets/fonts/libre-caslon/LibreCaslonText-Regular.woff") format("woff"),
        url("/assets/fonts/libre-caslon/librecaslontext-regular.otf") format("otf");
        font-weight: normal;
        font-style: normal;
      }

      @font-face {
        font-family: 'Libre_Caslon';
        src: url("/assets/fonts/libre-caslon/LibreCaslonText-Italic.woff") format("woff"),
        url("/assets/fonts/libre-caslon/librecaslontext-italic.otf") format("otf");
        font-weight: normal;
        font-style: italic;
      }

      #wpadminbar {
        display: none;
      }
      
      thead::after {
        content: '';
        display: block;
        position: fixed;
        width: 100px;
        height: 91px;
        background-color: #010d19;
        top: 100px;
        left: 83.3333vw;
        z-index: 10;
      }

      .tlRectPart {
        width: 22px;
        border-bottom: solid 1px #010d19;
        border-top: solid 1px #010d19;
        transition: width 0.3s ease-out;
        cursor: pointer;
      }

      .tlFixedTitle {
        position: fixed;
        z-index: 1;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease-out;
        width: 10vw;
        left: 60px;
        font-size: 0.9em;
        line-height: 1.2;
      }

      .tlFixedTitle p {
        background-color: #010d19;
      }

      #titres_frise {
        font-size: 0.9em;
        background-color: rgba(1, 13, 25, 0.6);
        z-index: 20;
        position: fixed;
        left: 60px;
        width: 10vw;
        line-height: 1.2;
        margin-top: -8px;
      }

      .isContentPart td:last-of-type {
        position: absolute;
        width: auto !important;
        padding: 0;
        right: 14vw;
        height: auto;
        display: flex;
        align-items: center;
        padding-bottom: 0.75rem;
      }

      .isContentPart td:last-of-type a {
        font-size: 1.1rem;
        opacity: 0.4;
        transition: opacity 0.2s ease-in;
      }

      .isContentPart td:last-of-type a:hover {
        opacity: 1 !important;
      }

      .isContentPart:hover td:last-of-type a {
        opacity: 0.7;
      }

      em {
        font-family: "Libre_Caslon";
        font-style: italic;
      }

      .xoo-el-sidebar {
        max-width: 50%;
        background-color: #eee;
      }

      .xoo-el-sidebar p {
        padding: 0px 30px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #010d19;
      }

      .xoo-el-sidebar p:first-of-type {
        margin-top: 20px;
      }

      .xoo-el-sidebar p:last-of-type {
        margin-bottom: 20px;
      }

      #about_popup {
        z-index: 15;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        opacity: 0;
        width: 100vw;
        height: 100vh;
        align-items: center;
        justify-content: center;
        transition: opacity 0.3s ease-out;
      }
      
      #about_popup #about_modale {
        position: relative;
        background-color: white;
        color: #010d19;
        width: 75vw;
        max-width: 75vw;
        max-height: 60vh;
        overflow-y: scroll;
        overflow-x: hidden;
      }
      
      #about_popup #about_modale span {
        position: absolute;
        top: 20px;
        right: 5px;
        color: #010d19;
        font-size: 23px;
        border-radius: 50%;
        background-color: white;
        border: 4px solid white;
        cursor: pointer;
      }

      #about_popup #about_modale span:hover {
        color: red;
      }

      #about_popup #about_modale #about_title {
        color: #010d19;
        background-color: white;
        width: 100%;
        height: 80px;
        text-align: center;
        font-family: 'Libre_Caslon';
        padding-top: 25px;
        text-transform: uppercase;
        font-size: 1.3rem;
      }

      #about_popup #about_modale #about_content {
        color: #010d19;
        background-color: #eee;
        padding: 40px 30px;
        height: 100%;
      }

      #about_popup #about_modale #about_content p {
        margin-bottom: 15px;
      }

      .highlight {
        color: #010d19;
        background-color: yellow;
      }

      input {
        width: 100%;
      }

      #search_results {
        display: none;
        background-color: #26313b;
        max-height: 0px;
        height:auto;
        opacity: 0;
        transition: opacity 0.3s ease, max-height 0.3s ease;
      }

      #search_results img.disabled {
        opacity: 0.4;
        cursor: default;
      }

      #search_results > div:last-of-type {
        padding: 15px;
        border-top: solid 1px white;
      }

      #search_results > div:last-of-type p {
        display: inline-block;
        padding: 3px 9px;
        margin: 5px 3px;
        border: solid 1px white;
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.2);
        cursor: pointer;
        transition: background-color 0.2s ease;
      }

      #search_results > div:last-of-type p:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }

      .contributionWanted a {
        opacity: 1 !important;
        background-color: yellow;
        border-radius: 8px;
        color: #010d19;
        padding: 3px 5px;
        transform: translateX(8px);
      }

      .contributionWanted a:hover {
        font-weight: bold;
      }

      .brand span {
        transition: font-size 0.2s ease-in, line-height 0.2s ease-in;
      }

      .xoo-el-wrap .xoo-el-sidebar div,
      .xoo-el-wrap .xoo-el-sidebar p,
      .xoo-el-srcont .xoo-el-main div,
      .xoo-el-srcont .xoo-el-main li,
      .xoo-el-srcont .xoo-el-main input {
        font-family: "Authentic_Sans_60" !important;
      }

      @media screen and (max-width: 1023px) {
        .edit-button {
          transform: translateX(70px);
        }

        thead::after {
          left: auto;
          right: 0 !important;
        }
      }
}