@charset "utf-8";

.events-block h2{text-transform: none;color:#000;}
/*Block sirbe para el bloque como para página events*/
.events-block a.box-link{text-decoration: none!important;color:#FFF!important;font-size: var(--font-size-body);font-weight: normal;}
.events-block .view-events h3{font-size: var(--font-size-teaserevents)!important;color:#FFF;}
.events-block a.box-link:hover .block1 { background-color: #000;opacity: 0.9;}
.events-block .views-row:first-child .bg-mask {background: var(--primary-color);}
.events-block .views-row:nth-child(1) .block1,
.events-block .views-row:nth-child(2) .block1{border-right: 1px solid #FFF;}
.events-block .views-row .block1{border-bottom: 1px solid #FFF;}
.events-block .views-row:first-child .datos p {color: var(--secondary-color);}
/*Page events*/
.view-events .block1 .day{font-size: var( --font-size-events-day);color: #FFF;;font-family: 'Montserrat Extrabold', sans-serif;}
.view-events .block1 .event_start{color: #FFF;font-size: var(--font-size-events-dates);font-family: 'Montserrat Extrabold', sans-serif;}
.view-events .block1 .datos p{color: #000;font-size: var(--font-size-events-dates);font-family: 'Montserrat Extrabold', sans-serif;}
.view-events .block1{font-weight: normal;font-size: xxx-large;display: flex;align-items: center;z-index: 5;}
.view-events .grid:first-child .block1:before {border-bottom: 20px solid var(--primary-color);}
.view-events .bg-mask{width: 100%;height: 400px;background-size: cover;background-position: center;background: rgb(34, 193, 195);background-color: var(--secondary-color);background-repeat: no-repeat;}
.view-events .grid:first-child .img-bg,.grid:first-child .bg-mask{background-color: var(--primary-color);}
.view-events .grid:first-child .block1 .day,
.view-events .grid:first-child .block1 .event_start,
.view-events .grid:first-child .datos span{color: #fff;}
.view-events .grid:first-child .datos p {color: var(--secondary-color);}
.view-events .event_address,.view-events .date,.view-events .organizer{color: var(--text-color);}
.view-events  a.box-link{text-decoration: none!important;color:#FFF!important;font-size: var(--font-size-body);font-weight: normal;}
.view-events  a.box-link:hover .block1 { background-color: #000;opacity: 0.9;}
.page-node-type-events-page .accordion-wrapper {max-width: 100%;z-index: 2;}

@media (min-width: 2016px) {
  .page-node-type-events-page  .accordion-wrapper {position: absolute;top: 0;right: 0;transform: translate(-22%,-2%);}

}