@charset 'UTF-8';

.so-widget-jwa-event-slider {  }
.so-widget-jwa-event-slider .slick-slider  { width:80%;margin:0 auto; }

.so-widget-jwa-event-slider .slick-slide { text-decoration:none!important;font-size:16px;color:white; }

.event-slider { width:100%;position:relative;min-height:490px;background:#dddddd url(/wp-content/themes/stjosephs/widgets/jwa-event-slider/images/event-slider-background.jpg) top center no-repeat; }
.event-slider h2 { width:100%;position:absolute;top:20px;left:65px;color:#20325E; }
.event-slider .slider { width:calc(100% - 110px);position:absolute;top:90px;bottom:0;left:55px;right:55px; }

.event-slider .slider .slide-container { padding:0 20px; }

.event-slider .slider .slide-inner { background-color:#20325E;height:360px;padding:20px;border-radius:20px; }
.event-slider .slider .slide-inner a { color:unset;text-decoration:none; }
.event-slider .slider .slide-inner:hover { background-color:black; }
.event-slider .slider .slide-inner h3 { margin:0; }
.event-slider .slider .slide-inner:hover h3 { text-decoration:underline; }
.event-slider .slider .slide-inner img { display:block;width:100px;height: 100px;object-fit: cover;margin-bottom:30px; }

.event-slider .slider .slide-inner .date-container  { display:block;width:100px;height:100px;margin-bottom:30px;background-color:white;border-radius:16px 0; }

.event-slider .slider .slide-inner .date-container .month { display:block;text-align:center;color:#20325E;padding-top:16px;font-size:28px;text-transform:uppercase; }
.event-slider .slider .slide-inner .date-container .day { display:block;text-align:center;color:#20325E;font-weight:bold;font-size:29px; }

/* Slick Slider Theme */
.so-widget-jwa-event-slider .slick-loading .slick-list
{
    background: #fff url('/wp-content/uploads/ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.so-widget-jwa-event-slider .slick-prev,
.so-widget-jwa-event-slider .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 40%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.so-widget-jwa-event-slider .slick-prev:hover,
.so-widget-jwa-event-slider .slick-prev:focus,
.so-widget-jwa-event-slider .slick-next:hover,
.so-widget-jwa-event-slider .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.so-widget-jwa-event-slider .slick-prev:hover:before,
.so-widget-jwa-event-slider .slick-prev:focus:before,
.so-widget-jwa-event-slider .slick-next:hover:before,
.so-widget-jwa-event-slider .slick-next:focus:before
{
    opacity: 1;
}
.so-widget-jwa-event-slider .slick-prev.slick-disabled:before,
.so-widget-jwa-event-slider .slick-next.slick-disabled:before
{
    opacity: .25;
}

.so-widget-jwa-event-slider .slick-prev:before,
.so-widget-jwa-event-slider .slick-next:before
{
    font-family: dashicons;
    font-size: 70px;
    line-height: 1;

    opacity: .85;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.so-widget-jwa-event-slider .slick-prev
{
    left: -65px;
}
[dir='rtl'] .slick-prev
{
    right: -65px;
    left: auto;
}
.so-widget-jwa-event-slider .slick-prev:before
{
    content: "\f341";
}
[dir='rtl'] .slick-prev:before
{
    content: "\f345";
}

.so-widget-jwa-event-slider .slick-next
{
    right: -15px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -15px;
}
.so-widget-jwa-event-slider .slick-next:before
{
    content: "\f345";
}
[dir='rtl'] .slick-next:before
{
    content: "\f341";
}

@media screen and (max-width: 800px) {
	.event-slider .slider { width:calc(100% - 30px);position:absolute;top:90px;bottom:0;left:15px;right:15px; }
	.event-slider h2 { width: 80%; margin: 0 auto; position: static; padding-top: 10px; line-height: 1.25em; }
}


/*
@media screen and (max-width: 620px) {
	.so-widget-jwa-event-slider .slick-prev { left:-68px; }
	.so-widget-jwa-event-slider .slick-next { right:-10px; }
}

@media screen and (max-width: 480px) {
.so-widget-jwa-event-slider .slick-prev:before,
.so-widget-jwa-event-slider .slick-next:before
{
    font-size: 50px;
}
	.so-widget-jwa-event-slider .slick-prev { left:-50px; }
	.so-widget-jwa-event-slider .slick-next { right:-20px; }
}
*/