:root {
    --ws-font-size-title: 18px;
    --ws-font-size-circle-title: 14px;
    --ws-font-size-excerpt: 16px;
    --ws-font-size-author-date: 14px;
    --ws-aspect-ratio: 4/6;
    --ws-list-aspect-ratio: 4/6;
    --ws-overlay-text-color: #fff;
    --ws-overlay-text-lh: 1.3;
    --ws-story-min-width: 160px;
    --ws-story-max-width: 285px;
    --ws-circle-size: 96px;
    --ws-circle-border-color: #ccc
}
.web-stories-list {
    margin-bottom: 24px;
    margin-top: 24px
}

.web-stories-theme-header-section .web-stories-list {
    margin-bottom: 0;
    margin-top: 0
}

.web-stories-list__story {
    cursor: pointer;
    position: relative
}

.web-stories-list.is-style-default.is-view-type-grid .web-stories-list__story {
    border-radius: 8px;
    overflow: hidden
}


.web-stories-list__story-poster .web-stories-list__story-poster-placeholder a, .web-stories-list__story-poster .web-stories-list__story-poster-placeholder span {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-break: normal
}

.web-stories-list__story.web-stories-list__story--amp .web-stories-list__story-poster a {
    pointer-events: none
}

.web-stories-list__story-content-overlay {
    line-height: var(--ws-overlay-text-lh);
    padding: 10px
}

html[amp] .web-stories-list__story-content-overlay {
    white-space: normal
}

.web-stories-list.is-view-type-grid .web-stories-list__story-content-overlay {
    bottom: 0;
    color: var(--ws-overlay-text-color);
    position: absolute;
    z-index: 1
}

.web-stories-list .story-content-overlay__title {
    font-size: var(--ws-font-size-title);
    font-weight: 700
}

.web-stories-list .story-content-overlay__author, .web-stories-list .story-content-overlay__date {
    font-size: var(--ws-font-size-author-date)
}

.web-stories-list .story-content-overlay__excerpt, .web-stories-list .story-content-overlay__title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.web-stories-list .story-content-overlay__title:not(:last-child) {
    margin-bottom: 15px
}

.web-stories-list .story-content-overlay__excerpt {
    -webkit-line-clamp: 3;
    font-size: var(--ws-font-size-excerpt);
    margin-bottom: 8px
}

.web-stories-list.alignfull .web-stories-list__archive-link {
    right: 10px
}

.web-stories-list.is-view-type-grid .web-stories-list__archive-link, .web-stories-list.is-view-type-list .web-stories-list__archive-link {
    display: block;
    flex-basis: 100%;
    margin: 32px auto 0;
    text-align: center
}

.web-stories-list.is-view-type-grid .web-stories-list__archive-link a, .web-stories-list.is-view-type-list .web-stories-list__archive-link a {
    border: 1px solid;
    border-radius: 100px;
    padding: 7px 53px
}

.web-stories-lightbox-open {
    overflow-y: hidden
}

.web-stories-list__lightbox, .web-stories-singleton__lightbox {
    align-items: center;
    background: #000;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: translateY(-100vh);
    width: 100%
}

.web-stories-list__lightbox-wrapper amp-lightbox, .web-stories-list__lightbox.show, .web-stories-singleton__lightbox.show {
    z-index: 999999999
}

.web-stories-list__lightbox.show, .web-stories-singleton__lightbox.show {
    opacity: 1;
    transform: translate(0)
}

.web-stories-list__lightbox amp-story-player, .web-stories-singleton__lightbox amp-story-player {
    height: 100%;
    width: 100%
}

.story-lightbox__close-button {
    background: 0 0 !important;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 40px;
    z-index: 1
}

.story-lightbox__close-button--stick {
    background-color: #fff;
    display: inline-block;
    height: 20px;
    left: 20px;
    position: absolute;
    top: 15px;
    transform: rotate(45deg);
    width: 3px
}

.story-lightbox__close-button--stick:first-child {
    transform: rotate(-45deg)
}

html:not([amp]) .web-stories-list .web-stories-list__lightbox amp-story-player a, html:not([amp]) .web-stories-singleton__lightbox amp-story-player a {
    position: absolute
}

@media (min-width: 676px) {
    .admin-bar .web-stories-list__lightbox, .admin-bar .web-stories-singleton__lightbox {
        top: 46px
    }

    .story-lightbox__close-button {
        left: 10px
    }

    .story-lightbox__close-button--stick {
        height: 25px;
        left: 20px;
        top: 5px
    }
}

@media (min-width: 783px) {
    .admin-bar .web-stories-list__lightbox, .admin-bar .web-stories-singleton__lightbox {
        top: 32px
    }
}

.web-stories-list.is-view-type-grid .web-stories-list__inner-wrapper {
    display: flex;
    flex-wrap: wrap
}

.web-stories-list.is-view-type-grid .web-stories-list__story {
    flex-basis: calc(100% - 8px);
    margin: 4px
}

.web-stories-list.is-view-type-grid.columns-1 .web-stories-list__story {
    flex-basis: calc(100% - 8px)
}

.web-stories-list.is-view-type-grid.columns-2 .web-stories-list__story {
    flex-basis: calc(50% - 8px)
}

.web-stories-list.is-view-type-grid.columns-3 .web-stories-list__story {
    flex-basis: calc(33.33333% - 8px)
}

.web-stories-list.is-view-type-grid.columns-4 .web-stories-list__story {
    flex-basis: calc(25% - 8px)
}

.web-stories-list.is-view-type-grid.columns-5 .web-stories-list__story {
    flex-basis: calc(20% - 8px)
}

@media (max-width: 1199px) {
    .web-stories-list__story {
        flex-basis: calc(25% - 8px) !important
    }
}

@media (max-width: 991px) {
    .web-stories-list__story {
        flex-basis: calc(33.33333% - 8px) !important
    }
}

@media (max-width: 767px) {
    .web-stories-list__story {
        flex-basis: calc(50% - 8px) !important
    }
}

@media (max-width: 479px) {
    .web-stories-list__story {
        flex-basis: calc(100% - 8px) !important
    }
}

.web-stories-list.is-view-type-list .web-stories-list__story {
    margin-bottom: 12px
}

.web-stories-list.is-view-type-list .web-stories-list__story-content-overlay {
    bottom: 0;
    color: var(--ws-overlay-text-color);
    position: absolute;
    z-index: 1
}

.ws-legacy-widget-preview .web-stories-list.is-view-type-list .web-stories-list__story {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.ws-legacy-widget-preview .web-stories-list.is-view-type-list .web-stories-list__story-poster {
    aspect-ratio: var(--ws-list-aspect-ratio);
    flex-basis: 40%
}

.ws-legacy-widget-preview .web-stories-list.is-view-type-list .web-stories-list__story-poster:after {
    display: none
}

.ws-legacy-widget-preview .web-stories-list.is-view-type-list .web-stories-list__story-content-overlay {
    color: inherit;
    flex-basis: 60%;
    padding: 10px 15px;
    position: relative
}

.ws-legacy-widget-preview .web-stories-list.is-view-type-list .image-align-right .web-stories-list__story-poster {
    order: 2
}

.ws-legacy-widget-preview .web-stories-list.is-view-type-list .image-align-right .web-stories-list__story-content-overlay {
    order: 1
}

.ws-legacy-widget-preview .web-stories-list.is-view-type-list.is-style-default .web-stories-list__story-poster {
    border-radius: 8px;
    overflow: hidden
}

@media (min-width: 676px) {
    .web-stories-list.is-view-type-list .web-stories-list__story {
        align-items: center;
        display: flex;
        flex-wrap: nowrap
    }

    .web-stories-list.is-view-type-list .web-stories-list__story-poster {
        aspect-ratio: var(--ws-list-aspect-ratio);
        flex-basis: 40%
    }

    .web-stories-list.is-view-type-list .web-stories-list__story-poster:after {
        display: none
    }

    .web-stories-list.is-view-type-list .web-stories-list__story-content-overlay {
        color: inherit;
        flex-basis: 60%;
        padding: 10px 15px;
        position: relative
    }

    .web-stories-list.is-view-type-list .image-align-right .web-stories-list__story-poster {
        order: 2
    }

    .web-stories-list.is-view-type-list .image-align-right .web-stories-list__story-content-overlay {
        order: 1
    }

    .web-stories-list.is-view-type-list.is-style-default .web-stories-list__story-poster {
        border-radius: 8px;
        overflow: hidden
    }
}

.glider-next.disabled, .glider-prev.disabled {
    opacity: 0
}

html[dir=rtl] .glider-next.disabled, html[dir=rtl] .glider-prev.disabled {
    cursor: pointer;
    opacity: 1
}

.nav-links {
    text-align: center;
    margin: 50px 0
}

.nav-links a {
    padding: 5px 13px !important;
    border: 1px solid;
    margin: 0 3px
}

.nav-links > span {
    padding: 5px 13px;
    margin: 0 3px
}

.site-content {
    display: block;
    padding: 60px 15px 30px !important
}

.edit-link {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 1;
}

