/**
* Affichage d'un event dans les actus
*
* @package Kadence Child
*/

.event-date-summary {
    float: left;
    margin: 0 0.75em 0 0;
    background: url(../images/calendar_bg.png) no-repeat 0 0;
    height: 110px;
    position: relative;
    width: 70px;
}

.event-date-summary > * {
    font-weight: bold;
    width: 70px;
    text-align: center;
    position: absolute;
}
.event-date-summary .kadence-child-tribe-event-month {
    top: 1px;
    font-size: 0.75rem;
    color: var(--global-palette-btn);
}
.event-date-summary .kadence-child-tribe-event-day-num {
    top: 30px;
}
.event-date-summary .kadence-child-tribe-event-day-full {
    top: 57px;
    font-size: 0.75rem;
}
.event-date-summary .kadence-child-tribe-event-hour {
    top: 80px;
    color: var(--global-palette5);
}

/**
* Listing des evenements
* ... les meme regles que ci dessus, mais avec d'autre selecteurs
* @package Kadence Child
*/
.tribe-events-calendar-list__event-date-tag-datetime,
.tribe-events-widget-events-list__event-date-tag-datetime {
    float: left;
    margin: 0 1em 0 0;
    background: url(../images/calendar_bg.png) no-repeat 0 0;
    height: 110px;
    position: relative;
    width: 70px;
}
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime {
    min-height: 80px;
}

.tribe-events-calendar-list__event-date-tag-datetime > *,
.tribe-events-widget-events-list__event-date-tag-datetime > * {
    font-weight: bold;
    width: 70px;
    text-align: center;
    position: absolute;
}
.tribe-events-widget-events-list__event-date-tag-weekday,
#primary
    .tribe-events
    .tribe-events-calendar-list__event-date-tag-datetime
    .tribe-events-calendar-list__event-date-tag-weekday {
    text-transform: capitalize;
    top: 56px;
    font-size: 0.75rem;
}
.tribe-events-calendar-list__event-date-tag-daynum,
.tribe-events-widget-events-list__event-date-tag-daynum {
    top: 26px;
}

.tribe-events-calendar-list__event-date-tag-month,
.tribe-events-widget-events-list__event-date-tag-month,
#primary
    .tribe-events
    .tribe-events-widget-events-list__event-date-tag-datetime
    .tribe-events-widget-events-list__event-date-tag-month {
    top: 1px;
    font-size: 1em;
    line-height: 1em;
    color: var(--global-palette-btn);
    text-transform: capitalize;
}
/* agrandissement des titres / textes */
#primary
    .tribe-events
    .tribe-events-calendar-list__event-date-tag-datetime
    .tribe-events-calendar-list__event-date-tag-weekday,
#primary
    .tribe-events
    .tribe-events-widget-events-list__event-date-tag-datetime
    .tribe-events-widget-events-list__event-date-tag-month {
    font-weight: bold;
}

.tribe-common--breakpoint-medium.tribe-common h2 .tribe-common-h6--min-medium {
    text-transform: capitalize;
    font-size: var(--tec-font-size-4);
    font-weight: bold;
}

.tribe-events-schedule__time {
    font-family: var(--global-heading-font-family);
    color: var(--global-palette-btn-bg);
    font-weight: bold;
}

/**
* Titre du listing des evenements sur la home
* @package Kadence Child
*/
#primary .tribe-common--breakpoint-medium.tribe-common .tribe-common-h6 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    color: var(--global-palette3);
}
#primary .tribe-common .tribe-common-c-svgicon {
    color: var(--global-palette1);
}

#primary
    .tribe-common--breakpoint-medium.tribe-common
    .tribe-common-h6.tribe-events-widget-events-list__header-title {
    text-align: center;
}

.tribe-compatibility-container .tribe-common .tribe-common-g-row {
    column-gap: 1em;
}
/* lien vers le promgramme depuis la home */
.tribe-compatibility-container
    .tribe-events-widget
    .tribe-events-widget-events-list__view-more-link,
.tribe-compatibility-container
    .tribe-events-widget
    .tribe-events-widget-events-list__view-more-link:visited,
.tribe-compatibility-container
    .tribe-events-widget
    .tribe-events-widget-events-list__view-more-link:active,
.tribe-compatibility-container
    .tribe-events-widget
    .tribe-events-widget-events-list__view-more-link:focus,
.tribe-compatibility-container
    .tribe-events-widget
    .tribe-events-widget-events-list__view-more-link:hover {
    box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
    border-radius: 3px;
    background: var(--global-palette-btn-bg);
    color: var(--global-palette-btn);
    padding: 0.4em 1em;
    border: 0;
    line-height: 1.6;
    display: inline-block;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 1.35em;
}
.tribe-compatibility-container
    .tribe-events-widget
    .tribe-events-widget-events-list__view-more-link:hover {
    color: var(--global-palette-btn-hover);
    background: var(--global-palette-btn-bg-hover);
}

/* couleur des pastille de mise en avant */
#primary .tribe-common .tribe-common-c-svgicon {
    color: var(--tec-color-accent-primary);
}

/* Ne pas afficher les barre moche à coté des featured evenements */
.tribe-compatibility-container
    .tribe-events-widget
    .tribe-events-widget-events-list__event-row--featured
    .tribe-events-widget-events-list__event-date-tag-datetime::after,
.tribe-events
    .tribe-events-calendar-list
    .tribe-events-calendar-list__event-row--featured
    .tribe-events-calendar-list__event-date-tag-datetime::after {
    background-color: transparent;
}

.tribe-compatibility-container
    .tribe-events-widget
    .tribe-events-widget-events-list__event-row--featured
    .tribe-events-widget-events-list__event-date-tag-datetime,
.tribe-events
    .tribe-events-calendar-list
    .tribe-events-calendar-list__event-row--featured
    .tribe-events-calendar-list__event-date-tag-datetime {
    background: url(../images/calendar_featured_bg.png) no-repeat 0 0;
}

/* Reduction de la taille des images dans le listing du programme */
.tribe-events-calendar-list
    .tribe-events
    .tribe-events-calendar-day__event-featured-image-link,
.tribe-events-calendar-list
    .tribe-events
    .tribe-events-calendar-list__event-featured-image,
.tribe-events
    .tribe-events-calendar-list
    img.tribe-events-calendar-list__event-featured-image {
    width: 300px;
    height: 200px;
    object-fit: cover;
}

/* mise en ucfirst des jour d'événement */
.tribe-events-calendar-list__event-datetime .tribe-event-date-start {
    text-transform: capitalize;
}

/* affichage de la carte avec toute la place dispo */
@media screen and (min-width: 768px) {
    .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map {
        width: 65%;
    }
}

/* masquage du lien "All evenements" */
.tribe-events-back {
    display: none;
}

/* liens classique pour event prev/next */
.tribe-events-sub-nav li a {
    background: none;
}
/**
 * Widget listing des evenements sur la home
 */
.tribe-events-widget-events-list__events {
    display: flex;
    flex-direction: column;
}

.tribe-events-widget-events-list__event-row {
    background-color: var(--global-palette9);
    box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
    border-radius: 0.25rem;
}
.tribe-common div.tribe-events-widget-events-list__event-description {
    padding-right: 1em;
    margin-bottom: 1em;
}
.tribe-events-widget-events-list__view-more {
    text-align: center;
}

/* ajout de l'image de mise en avant (seulement si l'écran est assez grand) */
@media screen and (max-width: 767px) {
    .tribe-common .tribe-events-widget-events-list__event img {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .tribe-events-widget-events-list__event-wrapper
        article.tribe-events-widget-events-list__event {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .tribe-events-widget-events-list__event-details {
        max-width: 80%;
    }
    .tribe-common .tribe-events-widget-events-list__event img {
        max-width: 20%;
        object-fit: contain;
    }
}

/* mise en avant en vert */
#primary
    .tribe-common
    .tribe-events-widget-events-list__event-datetime-featured-icon
    svg,
#primary .tribe-common .tribe-common-c-svgicon.tribe-common-c-svgicon--featured,
.tribe-common--breakpoint-medium.tribe-events
    .tribe-events-calendar-list__event-datetime-featured-text {
    color: #00d084;
}