/* Utility class for screen reader only content - Accessibility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

@font-face {
    font-family: 'TT commons Regular';
    src: url('./webfonts/tt-commons/TT Commons Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT commons Medium';
    src: url('./webfonts/tt-commons/TT Commons Medium.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT commons Bold';
    src: url('./webfonts/tt-commons/TT Commons Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Druk';
    src: url('./webfonts/druk-super-italic-demo.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.hidden-accompagnant-toggle {
    max-height: 0px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    overflow: hidden;
}

.hidden-accompagnant-toggle.open {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    max-height: 100px;
}


.hidden-type-invite {
    max-height: 0px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    overflow: hidden;
}

.hidden-type-invite.open {
    max-height: 100px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
}

.hidden-participe {
    max-height: 0px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    overflow: hidden;
}

.hidden-participe.open {
    max-height: 100px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
}

.hidden-accompagnant {
    max-height: 0px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
    overflow: hidden;
}

.hidden-accompagnant.open {
    max-height: 1000px;
    -webkit-transition: max-height 0.5s linear;
    -moz-transition: max-height 0.5s linear;
    -ms-transition: max-height 0.5s linear;
    -o-transition: max-height 0.5s linear;
    transition: max-height 0.5s linear;
}

/* Remove Tailwind RingShadow */
input {
    --tw-ring-shadow: 0 0 #000 !important
}