.search-page.page-container .left-col {
        width: 24%;
        flex-shrink: 0;
}
.search-page.page-container .main-col {
        width:auto;
		flex-grow:1;
}
.search-page .right-col {
        padding-left:40px;
}
.search-page .main-col .filters {
        display:flex;
        margin-bottom:10px;
        column-gap:15px;
}
.search-page .facetwp-type-proximity .facetwp-radius-wrap {
        top: -17px;
}
.date-filter-types {
        margin-left:20px;
        font-family:Faro;
        text-transform:uppercase;
        font-weight:900;
        font-size:.8em;
        display:flex;
        flex-direction:column;
        margin-top: 3px;
}
.date-filter-types label {
        display:flex;
        align-items:center;
        margin-bottom: 11px;
}
.date-filter-types label:last-child {
        margin-bottom: 0;
}
.date-filter-types label input {
        display:inline-block;
        margin-right:3px;
        position:relative;
        top:-1px;
}
.timeline-container {
        margin-top:50px;
        margin-bottom:40px;
        display:flex;
}
.timeline-wrapper {
        position:relative;
        flex-grow:1;
        height: max-content;
}
.timeline {
        position:relative;
        user-select:none;
        font-family: Faro;
}
.timeline .months {
        display:flex;
        /*column-gap:20px;*/
        border-top:solid 3px;
        border-bottom:solid 3px;
        padding:12px 0;
}
.timeline .months .month {
        font-weight:900;
        font-size:1.15em;
        position:relative;
        text-align:center;
        flex-grow:1;
}
.timeline .months .month.unselectable a {
        pointer-events:none;
}
.timeline .months .month.prev,
.timeline .months .month.next {
        width:18px;
        flex-grow:0;
        flex-shrink:0;
        z-index:5;
        /*border-left:none;*/
        cursor:pointer;
}
.timeline .months .month .year {
        position:absolute;
        top:-35px;
        color:#aaa;
        font-size:.75em;
        transition:top .1s;
}
.timeline .months .month .year.no-transition {
        transition:none;
}
.timeline .months .month .year.overlap {
        top:-38px;
}
.timeline .months .month .month-label {
        color:inherit;
        transition:color .2s;
        position:relative;
        z-index:2;
}
.timeline .months .month .month-label .label-long,
.timeline .months .month .month-label .label-short {
        pointer-events:none;
}
.timeline .months .month .month-label .label-short {
        display:none;
}
.timeline .months .month .month-label:active,
.timeline .months .month .month-label:focus {
        color:var(--current-page-color);
}
.timeline .months .month .month-label:hover {
        color:var(--current-page-color);
}
.period-selector {
        position:absolute;
        top:3px;
        bottom:3px;
        display:none;
        cursor:grab;
        z-index:3;
        mix-blend-mode:multiply;
}
.period-selector.dragged {
        cursor:grabbing;
}
.period-selector.pass-through {
        z-index:1; /* laisse passer les mois à travers (z-index:2) */
}
.period-selector:before {
        content:'';
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background:var(--agenda-color);
        opacity:.4;
        z-index:-1;
}
.period-selector .left-handle,
.period-selector .right-handle {
        position:absolute;
        top:0;
        bottom:0;
        width:6px;
        background:var(--agenda-color);
        cursor:col-resize;
}
.period-selector .left-handle {
        left:0;
}
.period-selector .right-handle {
        right:0;
}
.period-selector.type-period .left-handle:before, .period-selector.type-period .left-handle:after,
.period-selector.type-period .right-handle:before, .period-selector.type-period .right-handle:after {
        content: '';
        position: absolute;
        left: -3px;
        width: 12px;
        height: 12px;
        border:solid 5px var(--agenda-color);
        background:#fff;
        border-radius: 50%;
}
.period-selector.type-period .left-handle:before,
.period-selector.type-period .right-handle:before {
        top:-7px;
}
.period-selector.type-period .left-handle:after,
.period-selector.type-period .right-handle:after {
        bottom: -7px;
}
.period-selector .period-start,
.period-selector .period-end {
        position:absolute;
        bottom:-26px;
        font-size:.7em;
        font-weight:700;
        white-space: nowrap;
        text-transform:lowercase;
}
.period-selector .period-start {
        left:-6px;
}
.period-selector .period-end {
        left:100%;
        transition:bottom .1s;
}
.period-selector.dates-overlap .period-end {
        bottom:-39px;
}

.period-selector.type-date {
        width:7px !important;
        background: var(--agenda-color);
}
.period-selector.type-date .left-handle,
.period-selector.type-date .right-handle {
        display:none;
}
.period-selector.type-date .period-end {
        display:none;
}
.period-selector.type-date:before, .period-selector.type-date:after {
        content: '';
        position: absolute;
        left: -3px;
        width: 12px;
        height: 12px;
        border:solid 5px var(--agenda-color);
        background:#fff;
        border-radius: 50%;
}
.period-selector.type-date:before {
        top:-7px;
        opacity:1;
}
.period-selector.type-date:after {
        bottom: -7px;
}
#events-chart-canvas {
        background: transparent;
        position: absolute;
        top: 2px;
        left: 3px;
        opacity: .5;
        transition: transform .5s;
        transform-origin: center bottom;
        pointer-events:none;
}
#events-chart-canvas.loading {
        transform:scaleY(0);
}
#events-chart-canvas.loaded {
        transform:scaleY(1);
}
#events-chart-canvas.debug {
        opacity:1;
}

#search-results-wrapper {
        position:relative;
        margin-top:0px;
}
.display-calendar #search-results-wrapper {
        display:none;
}
#search-results-wrapper h2.search-dates {
        display:none;
}
#search-results-wrapper .month-label {
        margin-top:30px;
        padding-top:33px;
        margin-bottom:1em;
        position:relative;
}
#search-results-wrapper .month-label:before {
        content:'';
        position:absolute;
        top:0;
        left:calc(var(--bs-gutter-x)*.5);
        width:30%;
        height:30px;
        background-image: url(../img/stripes.php?color=f96165);
        background-size: 550px;
        background-repeat: no-repeat;
}
#search-results-wrapper .month-label span {
        font-weight:900;
        font-size:1.5em;
        color:var(--agenda-color);
        font-family:Faro;
}
#search-results-wrapper .results {
        --bs-gutter-x: 2.5em;
}
#search-results-wrapper .results > *:not(.loader-overlay) {
        opacity:0;
}
.search-page .results-col .event {
        margin-bottom:2em;
        position:relative;
        min-height: 150px;
        /*background:rgba(249, 97, 101, .17);*/
}
.search-page .results-col .result:before,
.search-page .results-col .result:after {
        right:calc(var(--bs-gutter-x) * .5);
}
.search-page .results-col .event .event-dates {
        background:var(--agenda-color);
        color:var(--agenda-color-inverse);
        padding:10px 5px;
        width:11%;
        flex-shrink:0;
        font-family:Faro;
        text-align:center;
}
.search-page .results-col .event .event-dates .event-date,
.single-evenements  .event-dates .event-date {
        margin-bottom:12px;
}
.search-page .results-col .event .event-dates .event-date:last-child,
.single-evenements  .event-dates .event-date:last-child {
        margin-bottom:0;
}
.search-page .results-col .event .event-dates .date-day,
.single-evenements .event-date .date-day {
        font-weight:900;
        font-size:1.5em;
        display:block;
        line-height: 0.7;
}
.search-page .results-col .event .event-dates .date-day .start-day,
.single-evenements .event-date .date-day .start-day {
        display: block;
        margin-bottom: 1px;
}
.search-page .results-col .event .event-dates .date-day .end-day,
.single-evenements .event-date .date-day .end-day {
        font-size:.65em;
        display:block;
        position:relative;
        padding-left:13px;
        display: inline-block;
}
.search-page .results-col .event .event-dates .end-day:before,
.single-evenements .event-date .date-day .end-day:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 10px;
        height: 11px;
        background: url(../img/right-arrow-white.svg);
        background-repeat: no-repeat;
}
.search-page .results-col .event .event-dates .date-month,
.single-evenements .event-date .date-month {
        font-weight:100;
        font-size:1em;
        display:block;
        line-height:1;
        margin-top:4px;
}
.search-page .results-col .event .event-dates .end-month,
.single-evenements .event-date .end-month {
        display:block;
        font-size:.8em;
}
.search-page .results-col .event .event-dates .end-month:before,
.single-evenements .event-date .end-month:before {
        content:'/ ';
}
.search-page .results-col .event .event-dates .more-dates {
        font-size: 2em;
        height: 13px;
        line-height: 0;
        margin-top: -10px;
}
.search-page .results-col .event .result-picture {
        padding-top:10px;
        padding-right:10px;
}
.search-page .results-col .event .result-picture img {
        width:100%;
        height:100%
}
.search-page .results-col .event .event-thumbnail {
        width:240px;
        flex-shrink:0;
}
.search-page .results-col .event .event-info {
        width:64%;
        flex-grow:1;
/*        margin-left:10px;
        margin-right:20px;*/
        padding:5px 10px 0px 12px;
}
.search-page .results-col .event .event-info .event-author {
        text-transform:uppercase;
        font-size:.9em;
        font-family:Faro;
}
.block-sortir-vosges {
        margin-top: 30px;
}
.block-sortir-vosges .content-block {
        padding:3px 15px;
        margin-bottom:10px;
}
.block-sortir-vosges .content-block:after{
        background:#d9d9d9;
}
.block-sortir-vosges p {
        padding-right:40px;
        font-size:.9em;
}

#fullcalendar {
        width:100%;
}
button.fc-button.fc-button-primary {
        background-color: transparent;
        color: var(--main-color);
        padding: 0 8px;
        border-color: var(--main-color);
        line-height: 0;
        height: 26px;
}
button.fc-button.fc-button-primary.fc-next-button {
        margin-left: 2px !important;
}
.fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 10px;
}
.fc-theme-standard .fc-scrollgrid {
        border-color:rgba(13, 22, 41, .35);
}
.fc-theme-standard td,.fc-theme-standard th {
        border: 1px solid rgba(13, 22, 41, .35);
}
.fc .fc-button .fc-icon {
        font-size: 1.5em;
        top: -1px;
        position: relative;
}
.fc .fc-toolbar-title {
        font-size: 1.5em;
        margin: 0;
        font-weight: 400;
        text-transform: uppercase;
}
.fc-theme-standard th {
        background: var(--current-page-color);
}
.fc-theme-standard th a {
        color: #ffffff;
        font-family: 'Faro';
        text-transform: uppercase;
}
.fc .fc-daygrid-day-number {
        color: var(--default-text-color);
}
.fc-daygrid-event-dot {
        display:none;
}
.fc-daygrid-event {
        background: var(--current-page-color);
        color: #fff;
        font-size: .7em;
        padding:1px 1px 1px 3px;
		border:none;
}
.fc-daygrid-event:focus-visible {
        outline:none;
}
.fc-daygrid-event .fc-event-time {
        display:none;
}
.fc-daygrid-event .fc-event-title {
        font-weight:400;
        font-family: 'Faro';
}
.fc .fc-daygrid-event {
        z-index: 6;
        margin-top: 1px;
        border: solid 2px var(--current-page-color);
        padding: 0 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        transition:background .3s;
        cursor:pointer;
}
.fc .fc-daygrid-event:hover {
        background:var(--agenda-color);
}
.popover {
        background:var(--main-color);
        border:none;
        border-radius:0;
        box-shadow:0px 0px 8px 2px rgba(0, 0, 0, .1);
        max-width:380px;
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before, .bs-popover-end>.popover-arrow:before {
        border-right-color: transparent;
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after, .bs-popover-end>.popover-arrow:after {
        border-right-color: var(--main-color);
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after, .bs-popover-top>.popover-arrow:after {
        border-top-color: var(--main-color);
}
.popover-header {
        background: inherit;
        color: var(--current-page-color);
        font-family:Faro;
        border: none;
        padding: .8rem;
        padding-bottom: 2px;
        border-radius: 0;
        font-size: 1.1rem;
}
.popover-header a:hover {
        color: var(--current-page-color);
        text-decoration: underline;
}
.popover-body {
        padding: .8rem .8rem;
        font-size: .75rem;
        color:#fff;
        display:flex;
}
.popover-body .infos {
}
.popover-body .img {
        padding-left:15px;
        flex-shrink:0;
}
.popover-body .img a {
        height:100%;
}
.popover-body .img a img {
        height:100%;
        width:100px;
        object-fit:cover;
}
.popover-body h3 {
        font-size: 1.1rem;
        line-height:1.2;
        margin-bottom:3px;
}
.popover .event-subtitle {
        font-weight:bold;
        font-family:Faro;
        margin-bottom:.4rem;
}
.popover .event-subtitle a {
        color:inherit;
}
.popover .event-subtitle a:hover {
        color:inherit;
        text-decoration: underline;
}
.popover .event-exerpt {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}
.popover .tags {
        margin-top:.8rem;
}

/**
 * Page single
 */
.single-evenements .page-container.three-cols .main-col {
        margin-left:3%;
}
.single-evenements .event-dates {
        position: absolute;
        top: 0;
        right: calc(100% + 15px);
        padding: 10px;
        background-color: var(--current-page-color);
        color: #fff;
        text-align:center;
        font-family:Faro;
}
/*.single-evenements .item-date{
        margin-bottom: 8px;
}
.single-evenements .item-date-month,
.single-evenements .item-date-day ,
.single-evenements .item-date-comma{
        font-family: 'Faro';
        font-weight: 900;
        font-size: 1.5em;
        display: block;
        line-height: 1;
        text-transform: capitalize;
}
.single-evenements .item-date-month {
        font-weight: 100;
        font-size: 1em;
}
.single-evenements .item-date-day .end-day {
        font-size:.75em;
        display:block;
        position:relative;
        padding-left:14px;
}
.single-evenements .item-date-day .end-day:before {
        content:'';
        position:absolute;
        left:0;
        top:3px;
        width:12px;
        height:11px;
        background:url('../img/right-arrow-white.svg');
}
.single-evenements .item-date-month .end-month {
        display:block;
        font-size:.8em;
}
.single-evenements .item-date-month .end-month:before {
        content:'/ ';
}*/