/* Document CSS */


/* agenda */

.imc--contenidor .imc--contingut .imc--agenda header { display: flex; gap: 0 1em; padding: 0; background-color: transparent; border-bottom: 0; }


.imc--agenda header ul { display: flex; align-items: center; gap: 0 1em; margin-left: auto; }
.imc--agenda header ul li { padding: 0 .4em; border-left: .4em solid rgba(57, 132, 239, 1); }
.imc--agenda header ul li.imc--esdeveniment { border-color: rgba(255, 174, 67, 1); }


.imc--agenda .imc--calendari { display: grid; grid-template-columns: auto 25em; grid-template-rows: auto 1fr; gap: 0 1em; }

.imc--agenda .imc--sense-items { margin-bottom: 1.5em; }

.imc--agenda .imc--calendari .imc--llistat { grid-area: 1 / 1 / span 2 / 1; }

.imc--agenda .imc--activitat + .imc--activitat { margin-top: 1em; }

.imc--agenda .imc--activitat { padding: 1em; border: 1px solid rgba(213, 213, 213, 1); border-left-width: .4em; }
.imc--agenda .imc--activitat[data-tipus="dramatic"] { border-left-color: rgba(227, 17, 52, 1); }
.imc--agenda .imc--activitat[data-tipus="cita"] { border-left-color: rgba(57, 132, 239, 1); }
.imc--agenda .imc--activitat[data-tipus="esdeveniment"] { border-left-color: rgba(255, 174, 67, 1); }

.imc--agenda .imc--activitat .imc--tipus { font-weight: bold; padding-bottom: .8em; }

.imc--agenda .imc--activitat .imc--adresa { display: flex; align-items: center; gap: 0 .5em; padding-bottom: .8em; }
.imc--agenda .imc--activitat .imc--adresa::before { content: ""; display: block; width: 1.2em; height: 1.2em; background: transparent url(../imgs/icones/ico_agenda_mapa.svg) no-repeat 50% 50% / 100% auto; }

.imc--agenda .imc--activitat .imc--explicacio { padding-bottom: .8em; }

.imc--agenda .imc--activitat .imc--data { display: flex; align-items: center; gap: 0 .5em; padding-bottom: .8em; }
.imc--agenda .imc--activitat .imc--data::before { content: ""; display: block; width: 1.2em; height: 1.2em; background: transparent url(../imgs/icones/ico_agenda_rellotge.svg) no-repeat 50% 50% / 100% auto; }

.imc--agenda .imc--activitat .imc--accio { text-align: right; }
.imc--agenda .imc--activitat .imc--accio a.imc--ico-darrere::after { background-image: url(../imgs/icones/ico_fletxa.svg); }


.imc--agenda .imc--nav { display: flex; justify-content: space-between; margin-top: 1em; }
.imc--agenda .imc--nav ul { display: flex; align-items: center; gap: 0 .5em; }


.imc--agenda .imc--mes-co { padding: 1em; border: 1px solid rgba(213, 213, 213, 1); }

.imc--agenda .imc--mes-co header { display: flex; align-items: center; justify-content: space-between; }
.imc--agenda .imc--mes-co header button::before { background-image: url(../imgs/icones/ico_nav_093574.svg); background-size: .5em auto; }
.imc--agenda .imc--mes-co header button.imc--seguent::before { transform: rotate(180deg); }

.imc--agenda .imc--mes-co header h3 { margin-bottom: 0; }

.imc--agenda .imc--mes-co table thead tr { border-bottom: 2px solid #ccc; }
.imc--agenda .imc--mes-co table thead th { text-align: center; background-color: transparent; }

.imc--agenda .imc--mes-co table tbody tr:nth-child(2n) { background-color: transparent; }

.imc--agenda .imc--mes-co table tbody td { text-align: center; padding: 0; }

.imc--agenda .imc--mes-co table tbody td > span,
.imc--agenda .imc--mes-co table tbody td a { display: block; width: 100%; height: 100%; padding: .8em .5em; }
.imc--agenda .imc--mes-co table tbody td a span { display: inline-block; padding: 0 .3em; border-bottom: 2px solid rgba(130, 130, 130, 1);  }

.imc--agenda .imc--mes-co table tbody td a.imc--avui { background-color: var(--color-principal); }
.imc--agenda .imc--mes-co table tbody td a.imc--avui span { color: #fff; border-color: #fff; }


.imc--agenda .imc--cites-prev { padding-top: 1.2em; }
.imc--agenda .imc--cites-prev ul { margin-top: 1em; margin-bottom: .5em; margin-left: 1.5em; }
.imc--agenda .imc--cites-prev ul li { list-style: circle; padding-bottom: .5em; }

.imc--agenda .imc--cites-prev ul li a::after { content: ""; display: inline-block; vertical-align: middle; position: relative; top: -.1em; width: 1.2em; height: 1.2em; margin-left: .4em; background: transparent url(../imgs/icones/ico_finestra_nova_093574.svg) no-repeat 50% 50% / 100% auto; }

.imc--agenda .imc--cites-prev .imc--accio { text-align: right; }
.imc--agenda .imc--cites-prev .imc--accio a.imc--ico-darrere::after { background-image: url(../imgs/icones/ico_fletxa.svg); }


/* MEDIA QUERYS */

@media only screen and (max-width : 1000px) {

    .imc--agenda .imc--calendari { grid-template-columns: auto 20em;  }

}

@media only screen and (max-width : 700px) {

    .imc--contenidor .imc--contingut .imc--agenda > header { flex-direction: column; }

    .imc--agenda header ul { margin-left: 0; }

    .imc--agenda .imc--calendari { grid-template-columns: 1fr; }
    
    .imc--agenda .imc--calendari .imc--llistat { grid-area: inherit; }
    
    .imc--agenda .imc--calendari .imc--mes { grid-area: 1 / 1 / 1 / 1; margin-bottom: 1em; }

    .imc--agenda .imc--nav { flex-direction: column; gap: 1em; }

    .imc--agenda .imc--activitat .imc--adresa span { flex-basis: fit-content; }

    .imc--agenda .imc--activitat .imc--accio a.imc--ico-darrere { padding-right: .5em; padding-left: .5em; }

}

@media only screen and (max-width : 450px) {


}