/*uses main.css monklet settings and expands for fullpage to match the designs...if for some reason slick does not work fall back is horizontal scrollbar*/

.widget.widget-fullpage.events:not(.slick-slider) {
    position: relative;
    display: flex;
    overflow-y: auto;
    margin-top: -6rem;
    margin-bottom: 2rem;
    margin-right: -15px;
    padding: 10px 0px;
}

@media (min-width: 576px) {
    .widget.widget-fullpage.events:not(.slick-slider) {
        margin-right: -140px;
    }
}

@media (min-width: 992px) {
    .widget.widget-fullpage.events:not(.slick-slider) {
        padding: 0px;
        margin: 0px;
        overflow: visible;
        flex-wrap: wrap;
    }
}

.widget.widget-fullpage.events:not(.slick-slider) article {
    position: relative;
    width: 100%;
    flex: 0 0 80%;
    max-width: 80%;
    margin-right: 15px;
}

@media (min-width: 992px) {
    .widget.widget-fullpage.events:not(.slick-slider) article {
        flex: 0 0 100%;
        max-width: 100%;
        margin: .5rem 0px;
    }
}

.widget.widget-fullpage.linklist:not(.slick-slider) {
    position: relative;
    display: flex;
    overflow-y: auto;
    margin-top: -6rem;
    margin-bottom: 2rem;
    margin-right: -15px;
    padding: 10px 0px;
}

@media (min-width: 576px) {
    .widget.widget-fullpage.linklist:not(.slick-slider) {
        margin-right: -140px;
    }
}

@media (min-width: 992px) {
    .widget.widget-fullpage.linklist:not(.slick-slider) {
        padding: 0px;
        margin: 0px;
        overflow: visible;
        flex-wrap: wrap;
    }
}

.widget.widget-fullpage.linklist:not(.slick-slider) article {
    position: relative;
    width: 100%;
    flex: 0 0 80%;
    max-width: 80%;
    margin-right: 15px;
}

@media (min-width: 992px) {
    .widget.widget-fullpage.linklist:not(.slick-slider) article {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 1rem 0px;
    }
}

@media (min-width: 1200px) {
    .widget.widget-fullpage.linklist:not(.slick-slider) article {
        flex: 0 0 48%;
        max-width: 48%;
        margin: 1rem 0px 1rem 4%;
    }
}

@media (min-width: 1200px) {
    .widget.widget-fullpage.linklist:not(.slick-slider) article:nth-child(2n+1) {
        margin-left: 0px;
    }
}

.widget.widget-fullpage.articles:not(.slick-slider) {
    position: relative;
    display: flex;
    overflow-y: auto;
    margin-top: -6rem;
    margin-bottom: 2rem;
    margin-right: -15px;
    padding: 10px 0px;
}

@media (min-width: 576px) {
    .widget.widget-fullpage.articles:not(.slick-slider) {
        margin-right: -140px;
    }
}

@media (min-width: 992px) {
    .widget.widget-fullpage.articles:not(.slick-slider) {
        padding: 0px;
        margin: 0px;
        overflow: visible;
        flex-wrap: wrap;
    }
}

.widget.widget-fullpage.articles:not(.slick-slider) article {
    position: relative;
    width: 100%;
    flex: 0 0 80%;
    max-width: 80%;
    margin-right: 15px;
}

@media (min-width: 992px) {
    .widget.widget-fullpage.articles:not(.slick-slider) article {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 1rem 0px;
    }
}

.widget.widget-fullpage.staff:not(.slick-slider) {
    position: relative;
    display: flex;
    overflow-y: auto;
    margin-top: -6rem;
    margin-bottom: 2rem;
    margin-right: -15px;
    padding: 10px 0px;
}

@media (min-width: 576px) {
    .widget.widget-fullpage.staff:not(.slick-slider) {
        margin-right: -140px;
    }
}

@media (min-width: 992px) {
    .widget.widget-fullpage.staff:not(.slick-slider) {
        padding: 0px;
        margin: 0px;
        overflow: visible;
        flex-wrap: wrap;
    }
}

.widget.widget-fullpage.staff:not(.slick-slider) article {
    position: relative;
    width: 100%;
    flex: 0 0 80%;
    max-width: 80%;
    margin-right: 15px;
}

@media (min-width: 992px) {
    .widget.widget-fullpage.staff:not(.slick-slider) article {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 1rem 0px;
    }
}

@media (min-width: 1200px) {
    .widget.widget-fullpage.staff:not(.slick-slider) article {
        flex: 0 0 48%;
        max-width: 48%;
        margin: 1rem 0px 1rem 4%;
    }
}

@media (min-width: 1200px) {
    .widget.widget-fullpage.staff:not(.slick-slider) article:nth-child(2n+1) {
        margin-left: 0px;
    }
}

.widget.widget-fullpage.posts:not(.slick-slider) {
    position: relative;
    display: flex;
    overflow-y: auto;
    margin-top: -6rem;
    margin-bottom: 2rem;
    margin-right: -15px;
    padding: 10px 0px;
}

@media (min-width: 576px) {
    .widget.widget-fullpage.posts:not(.slick-slider) {
        margin-right: -140px;
    }
}

@media (min-width: 992px) {
    .widget.widget-fullpage.posts:not(.slick-slider) {
        padding: 0px;
        margin: 0px;
        overflow: visible;
        flex-wrap: wrap;
    }
}

.widget.widget-fullpage.posts:not(.slick-slider) article {
    position: relative;
    width: 100%;
    flex: 0 0 80%;
    max-width: 80%;
    margin-right: 15px;
}

@media (min-width: 992px) {
    .widget.widget-fullpage.posts:not(.slick-slider) article {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 1rem 0px;
    }
}

@media (min-width: 1200px) {
    .widget.widget-fullpage.posts:not(.slick-slider) article {
        flex: 0 0 48%;
        max-width: 48%;
        margin: 1rem 0px 1rem 4%;
    }
}

@media (min-width: 1200px) {
    .widget.widget-fullpage.posts:not(.slick-slider) article:nth-child(2n+1) {
        margin-left: 0px;
    }
}

/*sermon is currently the only non full page monklet not using slick on mobile*/

.widget.widget-fullpage.sermon.media {
    position: relative;
    overflow-y: auto;
    margin-top: -6rem;
    margin-bottom: 2rem;
    padding: 10px 0px;
}

@media (min-width: 992px) {
    .widget.widget-fullpage.sermon.media {
        padding: 0px;
        margin: 0px;
        overflow: visible;
        flex-wrap: wrap;
    }
}

.widget.widget-fullpage.sermon article {
    display: block;
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 0px;
    margin: 0px;
}

.widget.widget-fullpage.sermon article .image {
    flex: none;
    width: 100%;
    min-width: 0px;
    max-width: 100%;
    border-radius: .5rem !important;
    overflow: hidden;
}

.widget.widget-fullpage.sermon article .image img {
    display: block;
    width: 100%;
    height: auto;
}

.widget.widget-fullpage.sermon article .image a {
    display: block;
    width: 100%;
    text-align: center;
}

.widget.widget-fullpage.sermon article .info {
    position: relative;
    flex: none;
}

.widget.widget-fullpage.sermon article .info-inner {
    padding: 0px;
}

.widget.articles.widget-fullpage article a {
    display: block;
    height: 100%;
    text-decoration: none !important;
}

/*
@media (hover: hover) { .widget.articles.widget-fullpage article a:hover { background-color: #fed433; } }

.dark .widget.articles.widget-fullpage article { background-color: #000000; }

@media (hover: hover) { .dark .widget.articles.widget-fullpage article a:hover { background-color: #666666; } }

.dark .widget.articles.widget-fullpage article .info-inner blockquote { color: #ffffff; }
*/

/*mobile slick copies the settings from the main.css (arrows and dots always hidden) + account for no container horz padding so left/right will be different than main*/

.widget.widget-fullpage.slick-slider {
    margin-bottom: 0px;
}

.widget.widget-fullpage.slick-slider .slick-prev,
.widget.widget-fullpage.slick-slider .slick-next {
    display: none !important;
}

.widget.widget-fullpage.slick-slider .slick-list {
}

@media (min-width: 576px) {
    .widget.widget-fullpage.slick-slider .slick-list {
       padding: 0px;
    }
}

.widget.widget-fullpage.slick-slider article {
    margin: 10px;
    overflow: hidden;
}