/****************************************************************************
 * Arrow
 ****************************************************************************/
.slick_slider .slick-arrow {
    border: none; background-color: #ffcc00;
    border-radius: 50%; font-size: 1rem; line-height: 1;
    width: 2.25em; height: 2.25em; text-align: center;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

/*
.slick_slider .slick-arrow:after {
    content: '\203A';position: absolute;
    left: 45%; right: auto; bottom: auto; top: 50%;
    width: auto; height: auto;
    font-family: 'PilcrowRounded-Bold';
    font-weight: 700; line-height: 1;
    font-size: 3em; color: #FFFFFF;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.slick_slider .slick-arrow.slick-prev:after {
    -webkit-transform: translate(-50%,-50%) rotate(180deg);
    -moz-transform: translate(-50%,-50%) rotate(180deg);
    -ms-transform: translate(-50%,-50%) rotate(180deg);
    -o-transform: translate(-50%,-50%) rotate(180deg);
    transform: translate(-50%,-50%) rotate(180deg);
}

.slick_slider .slick-arrow.slick-next:after {
    left: 55%;
}
*/

.slick_slider .slick-arrow:after {
    content: ''; position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 100%; height: 100%;
    background: url(../img/winterfest-icon-right.svg) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}
.slick_slider .slick-arrow.slick-prev:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slick_slider .slick-arrow.slick-prev {left: 1.5em;}
.slick_slider .slick-arrow.slick-next {right: 1.5em;}

@media screen and (min-width: 40em){
    .slick_slider .slick-arrow {
        font-size: 1.125rem;
    }
    .slick_slider .slick-arrow.slick-prev {left: 4em;}
    .slick_slider .slick-arrow.slick-next {right: 4em;}
}
@media screen and (min-width: 64em){
    .slick_slider .slick-arrow {
        font-size: 1.25rem;
    }

    .slick_slider .slick-arrow.slick-prev {left: 5em;}
    .slick_slider .slick-arrow.slick-next {right: 5em;}
}


/****************************************************************************
 * White Gradient
 ****************************************************************************/
/*@media screen and (min-width: 64em){
    .slider_white_gradient {
        background-color: #FFFFFF;
    }
    .slider_white_gradient .slick-list:before {
        content: ''; position: absolute;
        top: 0; left: 0; bottom: 0;
        width: 8%; height: auto;
        border-left: 0.625rem solid #FFFFFF;
        background: linear-gradient(90deg, #FFFFFF, transparent);
        z-index: 200;
    }
    .slider_white_gradient .slick-list:after {
        content: ''; position: absolute;
        top: 0; left: auto; bottom: 0; right: 0;
        width: 8%; height: auto;
        border-right: 0.625rem solid #FFFFFF;
        background: linear-gradient(90deg, transparent, #FFFFFF);
        z-index: 200;
    }

    .slider_white_gradient .slick-slide {
        padding: 0.625rem;
    }
}
*/

/****************************************************************************
 * Media Slider
 ****************************************************************************/
.media_slider {
    position: absolute; top: 0; left: 0;
    bottom: 0; right: 0;
    width: 100%; height: 100%;
}
.media_slider .slick-list {
    overflow: visible;
}
.media_slider .media_item {
    position: relative;
}
.media_slider > .media_item {
	position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	width: 100%; height: 100%;
}
.media_slider > .media_item .data_ratio {
	position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	width: 100%; height: 100%; padding: 0;
}

.media_slider .media_item > * {
    position: absolute; top: 0; left: 0;
    bottom: 0; right: 0;
    width: 100%; height: 100%;
}

.media_slider .media_content {
    position: absolute; top: 50%; left: 0; right: 0;
    z-index: 200; max-width: 62.5rem; text-align: center;
    margin: 0 auto;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.media_slider .media_item figcaption {
    max-width: 80rem;
    padding: 0.5rem 1rem;
    margin: 0 auto;
    opacity: 0.5;
    font-size: 0.75em;
}

.media_column .media_slider .slick-list {
    overflow: hidden;
}
.video_bg_section.media_column {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.media_column .slick_slider .slick-arrow.slick-prev {left: 1.5em;}
.media_column .slick_slider .slick-arrow.slick-next {right: 1.5em;}

@media screen and (min-width: 40em){
    .media_column .slick_slider .slick-arrow {
        font-size: 1.125rem;
    }
    .media_column .slick_slider .slick-arrow.slick-prev {left: 2em;}
    .media_column .slick_slider .slick-arrow.slick-next {right: 2em;}
}
@media screen and (min-width: 64em){
    .media_column .slick_slider .slick-arrow {
        font-size: 1.25rem;
    }
}


/*
.media_slider .item {
    padding: 0; 
}
.media_slider .item .item_inner {
    margin: 0; padding: 0;
}
*/