/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* غلاف القصص كـ دائرة بـ background gradient */
.web-stories-list__story .web-stories-list__story-poster {
    position: relative !important;
    width: 90px !important;
    height: 90px !important;
    margin: auto !important;
    border-radius: 50% !important;
    padding: 4px !important;
    background: conic-gradient(
        from 0deg,
        #f09433,
        #e6683c,
        #dc2743,
        #cc2366,
        #bc1888,
        #f09433
    ) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: transform 0.3s ease !important;
}

/* الصورة جوا الدايرة */
.web-stories-list__story .web-stories-list__story-poster img {
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    width: 90px !important;
    max-width: 84px !important;
    height: 84px !important;
    object-fit: cover !important;
    display: block !important;
    position: relative !important;
    z-index: 99999999999999;
    top: 21px !important;
}

/* تأثير hover */
.web-stories-list__story:hover .web-stories-list__story-poster {
    transform: scale(1.05) !important;
}


.web-stories-list.is-style-default.is-view-type-carousel .web-stories-list__story, .web-stories-list.is-style-default.is-view-type-grid .web-stories-list__story {
    width: 90px !important;
    max-width: 90px !important;
    min-width: 90px !important;
    border-radius: 8px;
    overflow: hidden;
}


a#toplevel_page_ecomus_dashboard {
    display: none !important;
}