/*******************************/

/*style.css for plugin lesirque*/

/*******************************/



.bloc-evenement {

    box-shadow: 0px 2px 18px 0px rgba(var(--secondary-color-rgb), 0.5);

    transition: all 300ms ease-in-out;

}

.bloc-evenement:hover{

    box-shadow: none;

}

.bloc-evenement-image {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}





/*shortcode ACTUELLEMENT ("actuellement.php")*/



.lesirque-actuellement {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));

    grid-gap: 40px; 

}



.bloc-evenement-horizontal {

    display: grid;

    grid-template-columns: minmax(min-content, 0.4fr);

    min-height: 250px;

}

.bloc-evenement-horizontal .bloc-evenement-details {

    min-height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    background: rgba(var(--primary-color-rgb), 0.8);

    padding: 10px 20px;

}

.bloc-evenement-horizontal .bloc-evenement-details {

    min-width: 100%;

    padding: 20px;

}



.bloc-evenement-horizontal .bloc-evenement-details h3,.bloc-evenement-horizontal .bloc-evenement-details h5 {

    color: #fff;

}

.bloc-evenement-horizontal .bloc-evenement-details h3 {

    font-weight: 700;

}



/*HEADER agenda & calendrier */



.lesirque-agenda-header {

    display: flex;

    justify-content: space-between;

    margin-bottom: 40px;

}

.lesirque-agenda-header h2 {

    font-size: 40px;

    color: var(--primary-color);

    font-weight: 700;

}



/*shortcode AGENDA liste - agenda.php 

& shortcode EVENEMENTS evenements.php 

& shortcode ARTISTES artistes.php*/



.lesirque-agenda, .lesirque-evenements, .lesirque-artistes {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 0.33329fr));

    grid-gap: 40px;

}



.bloc-evenement-vertical {

    min-height: 320px;

    text-align: center;

}

.bloc-evenement-vertical .bloc-evenement-categorie, .bloc-evenement-vertical .bloc-evenement-titre {

    width: 100%;

    padding: 20px;

}

.bloc-evenement-vertical .bloc-evenement-categorie h5, .bloc-evenement-vertical .bloc-evenement-titre h3{

    margin-bottom :0;

    padding: 0;

}

.bloc-evenement-titre h3 {

    font-size:20px;

}

.bloc-evenement-vertical .bloc-evenement-categorie {

    background: var(--primary-color);

    padding: 10px 20px;

}

.bloc-evenement-vertical .bloc-evenement-categorie h5 {

    color: #fff;

}

.bloc-evenement-vertical .bloc-evenement-image {

    min-height: 250px;

    width: 100%;

}

.bloc-evenement-vertical .bloc-evenement-titre h3 {

    color: var(--primary-color);

}



/*overlay dates agenda*/



.overlay-date {

    opacity: 0;

    background: rgba(116,116,116,0.6);

    min-height: 250px;

    width: 100%;

    color: #fff;

    padding-top: 20px;

    transition: all 300ms ease-in-out;

    font-size: 18px;

}

.bloc-evenement:hover .overlay-date{

    opacity: 1;

}

.overlay-date span.date_event {

    font-weight: 700;

}



/*shortcode CALENDRIER*/



table.lesirque-calendrier {

    width: 100%;

    height: calc(100vh - 128px);

}



.entry-content tr td {

    border-top: 0 !important;

}



.entry-content table:not(.variations) {

    border: 0;

}



.lesirque-calendrier tr td {

    width: 14%;

    padding: 10px;

    vertical-align: top;

    height: 20%;

    border-left: solid 2Px #f2f2f2;

    border-right: solid 2Px #f2f2f2;

    font-size: 1.5em;

    color: #212529;

}



.lesirque-calendrier th {

    color: #000 !important;

    font-weight: 700;

    font-size: 20px;

}



.lesirque-calendrier .calendar-item-title {

    font-size: 15px;

}

.lesirque-calendrier .calendar-item-title a {

    color: var(--primary-color);

}



.no-event .calendar__day::after {

    content: "";

    width: 30px;

    height: 2px;

    background: var(--secondary-color-festival);

    margin: 0 0 0 10px;

    display: block;

    margin-left: 0;

}

.calendar__weekday {

    font-size: 1.2em;

}





/*evenements.php / theme Route du sirque*/



.page-id-84 .bloc-evenement-categorie {

    /*background: var(--primary-color-festival);*/

}



.page-id-84 .bloc-evenement-vertical .bloc-evenement-titre h3 {

    /*color: var(--primary-color-festival);*/

}