/*****************************************************************************\
    npy events header
\*****************************************************************************/
#content-top .breadcrumb { display:none; }
.page-npy-event-category #content-top,
.page-ni-archive-events #content-top { height:120px; }

.page-events__section--header .section__wrapper {
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
    height:120px;
    width:100%;
}
.page-events__section--header .page-events__main-title {
    position:absolute; top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}

/*****************************************************************************\
    header titles
\*****************************************************************************/
.page-events__main-title,
.page-events__main-subtitle {
    color:white;
    text-transform:uppercase;
}
.page-events__main-title {
    margin:0;
    width:100%;
    font-weight:700; font-size:26px;
    text-align:center;
}
.page-events__main-subtitle {
    margin:24px 0 30px;
    font-weight:100; font-size:20px;
}

.page-events__play-video {
    display:inline-block;
    padding:0; border:none;
    background:none;
    -webkit-transition:all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.page-events__play-video path {
    fill:white; fill-rule:evenodd;
}

.page-events__play-video:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

@media screen and (min-width:768px) {
    #content-top .breadcrumb { display:block; }
    .page-events__section--header .section__wrapper { height:90px; }
}