/*****************************************************************************\
    events item gallery
\*****************************************************************************/
.page-events__section--events-gallery{
    background-color: #e7eff5;
}

.page-events__section--events-list .pager li,
.page-events__section--events-gallery .pager li{
    background-color: #fff;
    width: 115px;
    border-radius: 10px;
}

.page-events__section--events-list .pager li a,
.page-events__section--events-gallery .pager li a{
    color: #33495e;
}

.page-events__section--events-list .pager .pager-ellipsis,
.page-events__section--events-gallery .pager .pager-ellipsis{
    display: none;
}

.page-events__section--events-gallery .views-row {
    float:left;
    width:140px;
    margin-bottom:10px;
}
.page-events__section--events-gallery .views-row:nth-child(2n) { margin-left:30px; }

.page-events__section--events-gallery .event-item__media{
    display: block;
    padding-bottom:140px;
    background-color:transparent;
    background-position: center;
    border:none;
    border-radius: 10px;
}

.page-events__event-item--gallery{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-events__event-item--gallery .event-item__video button{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page-events__section--events-gallery .js-processed .views-widget { display:none; }

/*****************************************************************************\
    Anchor
\*****************************************************************************/

.section__anchor{
    position: relative;
    width: 80%;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 auto;
    padding: 13px 17px 16px;
    background-color: #33495e;
    color: #fff;
}

.section__anchor .scrollTo{
    display: block;
}

.section__anchor .scrollTo span{
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZEMkE3RERDMTRDMTFFNjgzQURCMzU4RTdBRkFEMDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZEMkE3REVDMTRDMTFFNjgzQURCMzU4RTdBRkFEMDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNkQyQTdEQkMxNEMxMUU2ODNBREIzNThFN0FGQUQwMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNkQyQTdEQ0MxNEMxMUU2ODNBREIzNThFN0FGQUQwMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrW2ZAEAAAA4SURBVHjaYvj//38AEH8AYgMgZkDCAkB8AYgLkDnIClHEGLAIOqBrwmb8f3TrGbC4YwO6+wACDAC70pUpk0QMRQAAAABJRU5ErkJggg==') no-repeat center;
    width:9px;
    height:5px;
    margin-left: 7px;
}

.section__anchor:before,
.section__anchor:after{
    content: ' ';
    position: absolute;
    display: block;
    top:0;
    height:100%;
    width:34px;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}

.section__anchor:before{
    right:100%;
    background-image: url('../img/anchor_corner_left.png');
}

.section__anchor:after{
    left:100%;
    background-image: url('../img/anchor_corner_right.png');
}

/*****************************************************************************\
    events item list
\*****************************************************************************/

.page-events__section--events-list{
    position: relative;
}

.page-events__section--events-list:before{
    content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #83919d;
    opacity:.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.page-events__section--events-list .section__title,
.page-events__section--events-list .section__desc{
    color:#fff;
}

@media screen and (min-width:768px) {
    /*****************************************************************************\
        events item gallery
    \*****************************************************************************/
    .page-events__section--events-gallery .views-row {
        margin-bottom:20px;
        width:159px;
    }
    .page-events__section--events-gallery .event-item__media {
        position:relative;
        padding-bottom:159px;
        width:100%;
    }
    .page-events__section--events-gallery .views-row { margin-left:30px; }
    .page-events__section--events-gallery .views-row:nth-child(4n+1) { margin-left:0; }

    /*****************************************************************************\
        Anchor
    \*****************************************************************************/
    .section__anchor{
        width: 60%;
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 13px;
    }
}

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

    .page-events__section--events-list .pager li:hover,
    .page-events__section--events-gallery .pager li:hover{
        background-color: #33495e;
    }

    .page-events__section--events-list .pager li:hover a,
    .page-events__section--events-gallery .pager li:hover a{
        color: #fff;
    }

    .page-events__section--events-gallery .views-row {
        margin-bottom:20px;
        width:212px;
    }
    .page-events__section--events-gallery .event-item__media {
        position:relative;
        padding-bottom:212px;
        width:100%;
    }
}


/***************************************/
.page-ni-archive-events .page-events__section--events-gallery .views_exposed_form { float:none; }
.page-ni-archive-events .page-events__section--events-gallery .view-display-id-media_gallery_archives .views-exposed-form {
    background:transparent;
}

.page-ni-archive-events .page-events__section--events-gallery .views-exposed-widgets {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom: 20px;
}

.page-ni-archive-events .page-events__section--events-gallery .views-exposed-widgets:before,
.page-ni-archive-events .page-events__section--events-gallery .views-exposed-widgets:after { display:none; }

.page-ni-archive-events .page-events__section--events-gallery .views-widget-filter-bundle {
    width:100%;
    margin-bottom:20px;
    border-radius: 10px;
    background-color:white;
}

.page-ni-archive-events .page-events__section--events-gallery #edit-year-wrapper,
.page-ni-archive-events .page-events__section--events-gallery #edit-event-type-wrapper {
    background-color:white;
    padding-left: 12px;
    padding-right: 12px;
    margin:0;
    -webkit-box-flex:1;
    -ms-flex:1 0 100%;
    flex:1 0 100%;
}

.page-ni-archive-events .page-events__section--events-gallery #edit-year-wrapper{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.page-ni-archive-events .page-events__section--events-gallery #edit-event-type-wrapper{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 0;
    padding-bottom: 15px;
}


@media screen and (min-width:768px) {
    .page-ni-archive-events .page-events__section--events-gallery .views-exposed-widgets {
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
    }

    .page-ni-archive-events .page-events__section--events-gallery #edit-year-wrapper,
    .page-ni-archive-events .page-events__section--events-gallery #edit-event-type-wrapper {
        margin:0 0 10px;
        width: 45%;
    }

    .page-ni-archive-events .page-events__section--events-gallery #edit-year-wrapper {
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0;
        -webkit-box-flex:0;
        -ms-flex:0 1 auto;
        flex:0 1 auto;
        width: 50%;
        padding-bottom: 15px;
    }

    .page-ni-archive-events .page-events__section--events-gallery #edit-event-type-wrapper {
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
        -webkit-box-flex:1;
        -ms-flex:1 0 auto;
        flex:1 0 auto;
        padding-top: 15px;
    }
}

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

    .page-ni-archive-events .page-events__section--events-gallery #edit-year-wrapper,
    .page-ni-archive-events .page-events__section--events-gallery #edit-event-type-wrapper{
        width: auto;
    }

    .page-ni-archive-events .page-events__section--events-gallery #edit-year-wrapper{
        padding-right: 0;
        padding-left: 15px;
    }

    .page-ni-archive-events .page-events__section--events-gallery #edit-event-type-wrapper{
        padding-left: 40px;
        padding-right: 15px;
    }
}