/* ---- NOVA/NEW AGENDA ------*/

.agenda-resultats .media {
    height: 135px;
    object-fit: cover;
    border-radius: 15px 15px 0px 0px;
}

.agenda-resultats img {
    height: 135px;
    object-fit: cover;
    border-radius: 15px 15px 0px 0px;
}

 .agenda-resultats .datadia {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    line-height: 0.8;
	padding: 0 !important;
    color: black;
}


.agenda-resultats .datames {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
        line-height: 0.8em;
    margin-top: 6px;
	padding: 0 !important;

    font-weight: 700;
	  
}


.grid-agenda .tipologia-dia-mes {
    position: absolute;
    top: 72px;
    /* width: 70px; */
    background: hsl(0deg 0% 100% / 70%);
    backdrop-filter: blur(4px);
    padding: 7px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.grid-agenda  .media {
    margin-bottom: 0 !important;
}

.grid-agenda  .title {
    padding: 0 !important;
	flex: 1 1 auto;
	font-size: 21px !important; 
	margin-bottom: 10px;
    color: black;
    font-weight: 700;
}

.content-agenda {
    padding: 20px;
    border-top: 7px solid #00B9E9;
    display: flex;
    flex-direction: column;
    gap: 10px;
	flex: 1 1 auto;
}


.tipologia-ubicacio, .tipologia-ubicacio-inner .et_pb_text_inner{
    padding: 4px 12px;
    line-height: 1.2em;
    color: black;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 6px;
    letter-spacing: 0.3px;
    border: 1px solid;
}

.tipologia-acte-ubicacio {
    display: flex;
    flex-direction: row;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    align-content: center;
    justify-content: flex-start;
    gap: 15px;
}

.tipologia-acte, .tipologia-acte-inner .et_pb_text_inner {
    padding: 4px 12px;
    line-height: 1.3em;
    color: white;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 6px;
    letter-spacing: 0.3px;
    /* border: 1px solid; */
    background-color: #00b9e9;
}

.hora-esdeveniment {
    display: none !important;
}

.ubicacio-esdeveniment {
    display: none !important;
}


.grid-agenda .organitzador {
    margin: 0 !important;
    padding: 0 !important;
}

.grid-agenda article {
    padding-bottom: 0 !important;
    border-radius: 15px;
	position: relative;
}

.grid-agenda .organitza {
    color: #444444;
    font-size: 14px;
    font-weight: 500;
	padding: 0;
}

.grid-agenda .organitzador {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.grid-agenda .img-organitzador{
	height: 26px;
    width: 26px;
    float: left;
    margin-right: 8px;
}

.footer-agenda {
    background: #f5f5f5;
    padding: 12px 20px;
    border-radius: 0px 0px 15px 15px;
}



.organitzador {
    border-radius: 0px 0px 15px 15px;
    font-size: 15px;
    font-weight: 700;
}

.grid-agenda a.title-np, .header-agenda{
    border-radius: 15px;
}

.grid-agenda a.title-np {
	    display: flex
;
    flex-direction: column;
    height: 100%;
}


.qui-organitza {
	padding: 20px;
    border: 1px solid;
    border: 1px solid #cdcdcd;
    border-radius: 20px;
	
	margin-top: 20px;
}

.qui-organitza-img {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-content: center;
    align-items: center;
    column-gap: 0;
    row-gap: 20px;
}

@media (max-width: 768px) {
.qui-organitza-img {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-content: center;
    align-items: center;
    column-gap: 0;
    row-gap: 20px;
}
}

@media (max-width: 548px) {
.qui-organitza-img {
    row-gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
	.qui-organitza-img .wp-block-image {
		width: 100%;
	}
	
}


.grid-agenda article {
    border: 1px solid #cdcdcd00;
    border-radius: 15px;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
}

.grid-publicacions .et_pb_ajax_pagination_container article:hover, .grid-agenda article:hover {
    border: 1px solid #cdcdcd;
}


/* membres cercle */

.membres-card a{
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
flex: 1 0 0;
}

.membres-content {
    display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}

.nom-membre, .empresa-membre {
   color: black;
font-size: 16px;
font-style: normal;

line-height: 120%; /* 22.4px */
}

.nom-membre {
 color: var(--blau-cecot, #00B9E9);
 font-weight: 700;
}