/*****************************************************************************\
    events item
\*****************************************************************************/
.page-events__event-item .event-item__content:before,
.page-events__event-item .event-item__content:after {
    content:'';
    display:table;
}

.page-events__event-item .event-item__content:after { clear:both; }

.page-events__event-item {
    overflow: hidden;
    background-color:#33495e;
    color:white;
    border-radius:10px;
    margin-bottom: 25px;
    height: 100%;
    display: block;
}
.page-events__event-item--category .event__btn {
    background-color:white;
    color:#33495e;
}
.page-events__event-item .event-item__image {
    position:relative;
    overflow:hidden;
    height:0; width:100%;
    padding-bottom:60%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-color: #33495e;
}
.page-events__section--events-list .page-events__event-item .event-item__content {
    padding:0 11px 0;
    height: 180px;
    overflow: hidden;
}

.page-events__event-item .event-item__title {
    margin:40px 0 20px;
    text-transform:uppercase;
    text-align:center;
    font-weight:400;
    font-size:30px;
}

.page-ni-hp-events .event-item__title { font-size:38px; }
.page-events__event-item .event-item__title span {
    display:block;
    font-weight:100; font-size:18px;
}

.page-events__event-item .event-item__date{
    padding: 0 10px 15px;
    font-weight: 700;
    color: #bbbbbb;
}

.page-events__event-item .event-item__date span{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNzA5YzgzMS0wNDIyLTYzNDctYmYyMS05N2EyYjMxMzVjNWQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTNFMjgwMzdDMURFMTFFNjk5RDBFMTI3Qjc4MTY5QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTNFMjgwMzZDMURFMTFFNjk5RDBFMTI3Qjc4MTY5QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowODlhNDZjNS02MDkwLWZmNGMtODU2NS0yOWUyMTM4ZDczOGIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YjcwOWM4MzEtMDQyMi02MzQ3LWJmMjEtOTdhMmIzMTM1YzVkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+r4SSuAAAAK5JREFUeNqUUsENgzAMdKz8wyaskE/+jNIRMgIrsEH++bACk7SdoLWrs2RFUImTTmD7nNgHkYDe+ySPVbgIE9JvYRM+SikvTQQn3oUzneMQZm0Kg1gLFbEiI7ZaZowxu1Marn/qO5oOaFbGzIpqc3ogVxEu7Bbc6RpWS3GsyE6fP40UYV3CrDp/ONFls5nh828HODbeOLkd2m1bb384dtbpaRt2IvdrbCbWxFeAAQDKWkbK9J2aiQAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 24px;
}

.page-events__event-item .event-item__desc {
    margin-bottom:35px;
    font-size:16px;
    line-height: 1.2;
    text-align:left;
    padding: 0 10px;
}

.page-events__event-item .event-item__desc p { margin:0; }
.page-events__event-item .event-item__desc p + p { margin-top:1em; }

.page-events__section--events-category .page-events__event-item .event-item__link,
.page-events__section--events-list .page-events__event-item .event-item__link{
    margin: 10px;
    text-transform: uppercase;
}

.page-events__event-item:focus {
    background-color:white; color:#33495e;
}
.page-events__event-item:focus .event__btn {
    background-color:#33495e; color:white;
}
.page-events__event-item:focus .event__btn--calendar:before {
    background-image:url('data:image/svg+xml;utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246.44%22%20height%3D%2250%22%20viewBox%3D%220%200%2046.44%2050%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1987.57%2C3113.54h8.04v8.03h-8.04v-8.03Zm9.82%2C0h8.93v8.03h-8.93v-8.03Zm-9.82-10.72h8.04v8.93h-8.04v-8.93Zm9.82%2C0h8.93v8.93h-8.93v-8.93Zm-9.82-9.82h8.04v8.04h-8.04V3093Zm20.54%2C20.54h8.93v8.03h-8.93v-8.03ZM1997.39%2C3093h8.93v8.04h-8.93V3093Zm21.43%2C20.54h8.04v8.03h-8.04v-8.03Zm-10.71-10.72h8.93v8.93h-8.93v-8.93Zm-10.09-14.55a0.863%2C0.863%2C0%2C0%2C1-.63.27h-1.78a0.923%2C0.923%2C0%2C0%2C1-.9-0.9v-8.03a0.923%2C0.923%2C0%2C0%2C1%2C.9-0.9h1.78a0.923%2C0.923%2C0%2C0%2C1%2C.9.9v8.03A0.863%2C0.863%2C0%2C0%2C1%2C1998.02%2C3088.27Zm20.8%2C14.55h8.04v8.93h-8.04v-8.93Zm-10.71-9.82h8.93v8.04h-8.93V3093Zm10.71%2C0h8.04v8.04h-8.04V3093Zm0.63-4.73a0.863%2C0.863%2C0%2C0%2C1-.63.27h-1.78a0.832%2C0.832%2C0%2C0%2C1-.63-0.27%2C0.863%2C0.863%2C0%2C0%2C1-.27-0.63v-8.03a0.863%2C0.863%2C0%2C0%2C1%2C.27-0.63%2C0.832%2C0.832%2C0%2C0%2C1%2C.63-0.27h1.78a0.863%2C0.863%2C0%2C0%2C1%2C.63.27%2C0.853%2C0.853%2C0%2C0%2C1%2C.26.63v8.03A0.853%2C0.853%2C0%2C0%2C1%2C2019.45%2C3088.27Zm9.92-4.92a3.434%2C3.434%2C0%2C0%2C0-2.51-1.06h-3.57v-2.68a4.49%2C4.49%2C0%2C0%2C0-4.47-4.47h-1.78a4.473%2C4.473%2C0%2C0%2C0-4.47%2C4.47v2.68h-10.71v-2.68a4.473%2C4.473%2C0%2C0%2C0-4.47-4.47h-1.78a4.473%2C4.473%2C0%2C0%2C0-4.47%2C4.47v2.68h-3.57a3.62%2C3.62%2C0%2C0%2C0-3.57%2C3.57v35.71a3.62%2C3.62%2C0%2C0%2C0%2C3.57%2C3.57h39.29a3.62%2C3.62%2C0%2C0%2C0%2C3.57-3.57v-35.71A3.4%2C3.4%2C0%2C0%2C0%2C2029.37%2C3083.35Z%22%20transform%3D%22translate(-1984%20-3075.16)%22%2F%3E%3C%2Fsvg%3E');
}

.page-events__event-item .event-item__category {
    position: absolute;
    bottom: 13px;
    right:11px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 10px;
    padding: 5px 10px;
}

.page-events__event-item .event-item__category--cup{ background-color: #e85152; }
.page-events__event-item .event-item__category--downtown{ background-color: #154c83; }
.page-events__event-item .event-item__category--kids{ background-color: #6fc4e8; }

/*****************************************************************************\
    events item list
\*****************************************************************************/
.page-events__section--events-list .page-events__event-item {
    background-color:white; color:#33495e;
}
.page-events__section--events-list .event-item__title {
    margin:16px 0 10px; padding:0 10px;
    font-weight:700; font-size:18px;
    text-align:left; text-transform:uppercase;
}

@media screen and (min-width:768px) {

    /*****************************************************************************\
        events item list
    \*****************************************************************************/
    .page-events__section--events-list .view-content{
        margin-bottom: 40px;
    }

    .page-events__section--events-list .view-content:before,
    .page-events__section--events-list .view-content:after{
        content: ' ';
        display: table;
    }

    .page-events__section--events-list .view-content:after{
        clear: both;
    }

    .page-events__section--events-list .views-row{
        float: left;
        width: 348px;
        margin-right: 30px;
    }

    .page-events__section--events-list .views-row:nth-child(2n){ margin-right: 0; }

    .page-events__section--events-list .pager{
        margin:0 0 50px 0 !important;
    }
}

@media screen and (min-width:1025px) {

    .page-events__section--events-list .views-row{
        width: 212px;
    }

    .page-events__section--events-list .views-row:nth-child(2n){ margin-right: 30px; }

    .page-events__section--events-list .page-events__event-item .event-item__link:hover {
        background-color:#49c3ec;
        color:#000;
    }

    .page-events__section--events-list .views-row:nth-child(3n) {
        margin-right: 30px;
    }

    .page-events__section--events-list .views-row:nth-child(4n){
        margin-right: 0;
    }

    .page-events__section--events-list .page-events__event-item .event-item__content {
        height: 260px;
    }

    /*****************************************************************************\
         Event category item list
    \*****************************************************************************/
    .page-events__event-item--category .event-item__image {
        position:absolute;
        top:0;
        left:0;
        padding:0;
        width:200px;
        height:100%;
        min-height:190px;
    }

    .page-events__event-item--category .event-item__content {
        float:left;
        margin-left:200px;
        width:255px;
    }

    .page-events__event-item--category .event-item__title {
        margin-top:10px;
    }

    .page-events__event-item--category:hover{
        background-color: #fff;
        color: #33495e;
    }
}