@charset "utf-8";

h2{text-transform: none;color:#000;}
/*Block sirbe para el bloque como para página events*/
.view-events a{text-decoration: none!important;}
.view-events h3{font-size: var(--font-size-teaserevents)!important;}
a.box-link:hover .block1 {background-size: 120%; background-position: top;transform: scale(1);transition: all 0.6s ease-out 0s;}
.view-events .block1 .day{font-size: var( --font-size-events-day);color: var(--primary-color);font-family: 'Montserrat Extrabold', sans-serif;}
.view-events .block1 .event_start{color: var(--primary-color);font-size: var(--font-size-events-dates);font-family: 'Montserrat Extrabold', sans-serif;}
.view-events .block1 .datos span{color: #000;font-size: var(--font-size-events-dates);font-family: 'Montserrat Extrabold', sans-serif;}
.view-events .block1{font-weight: bold;font-size: xxx-large;display: flex;align-items: center;z-index: 5;}
.view-events .block1 {overflow: hidden; color: #fff;background: url(/sites/default/files/images/events/bg-event.jpg);background-size: cover;height: 260px;width: 100%;display: flex;align-items: center;justify-content: center;background-position: bottom;transform: scale(1);transition: all 0.6s ease-out 0s;}
.view-events .grid:first-child .block1:before {border-bottom: 20px solid var(--primary-color);}
.view-events .block1:before{overflow: hidden; width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid var(--secondary-color);content: "";position: absolute;left: 133px;top: 260px;transform: rotate(180deg);opacity: 1;visibility: visible;z-index: 20;}
.view-events .bg-mask{width: 100%;height: 500px;background-size: cover;background-position: center;background: rgb(34, 193, 195);background-color: var(--secondary-color);background-repeat: no-repeat;opacity: 0.90;}
.view-events .block2:hover{cursor: pointer;}
.view-events .bg-color-date{background-color: #FFFFFF;}
.view-events .block2  .datetime{font-size: 14px;color: #000;font-style: italic;}
.view-events .block2 .b-date, .view-events .block2 .b-content{padding: 10px;}
.view-events .block2 .year{font-size: 1.5rem;color: #fff;}
.view-events .block2 .date span,.view-events .block2 .organizer span{font-style: normal; font-size: var(--font-size-small);}

.view-events .block2  .organizer{margin-bottom: 10px;}
.view-events .block2{z-index: 4; background-color: none;min-height: 9.375rem;}
.view-events .grid:first-child .img-bg,.grid:first-child .bg-mask{background-color: #31410e;}
.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 .event_address,.view-events .date,.view-events .organizer{color: var(--text-color);}
.view-events .col-size { width: 15px;height: 30px;}
.page-node-type-events-page  h3 { color: var(--primary-color); font-size: var(--font-size-box-title);}
.view-events  .content{min-height: 8rem;}
/*Node content*/
.page-node-type-events .main .field{ border-bottom:1px solid #f1f1f1; padding-bottom: 20px;margin-top: 22px;}
.page-node-type-events .main .field--name-title{border-bottom:0px;}
@media (max-width: 768px){
.view-events  .content{min-height: auto;}

}