/*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: 0px 0px 1rem 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: 0px 0px 2rem 0px; } }

@media (min-width: 1200px) { .widget.widget-fullpage.linklist:not(.slick-slider) article { flex: 0 0 48%; max-width: 48%; margin: 0px 0px 2rem 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: 0px 0px 2rem 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: 0px 0px 2rem 0px; } }

@media (min-width: 1200px) { .widget.widget-fullpage.staff:not(.slick-slider) article { flex: 0 0 48%; max-width: 48%; margin: 0px 0px 2rem 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: 0px 0px 2rem 0px; } }

@media (min-width: 1200px) { .widget.widget-fullpage.posts:not(.slick-slider) article { flex: 0 0 48%; max-width: 48%; margin: 0px 0px 2rem 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-top: -6rem; margin-bottom: 2rem; }

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

.widget.widget-fullpage.slick-slider .slick-list { margin-left: -10px; margin-right: -30px; padding-right: 85px; }

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

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