baseStyles.css

#styla-widget p
{
    margin:                             0;
}


#styla-widget.styla-widget__wrapper
{
    width:                              100%;
    height:                             100%;
}


#styla-widget .styla-widget__container
{
    box-sizing:                         border-box;
    position:                           relative;
    overflow:                           hidden;
    height:                             100%;
    width:                              100%;
    min-height:                         14em;
    font-size:                          14px;
}


#styla-widget .styla-widget__story
{
    margin-bottom:                      1em;
    position:                           relative;
}


#styla-widget .styla-widget__link
{
    position:                           absolute;
    width:                              100%;
    /* stylelint-disable */
    display:                            -moz-flex;
    display:                            -webkit-flex;
    display:                            flex;
    /* stylelint-enable */
    text-decoration:                    none;
    color:                              inherit;
}


#styla-widget__link > div
{
    display:                            inline-block;
}

#styla-widget .styla-widget__imagewrap
{
    background-repeat:                  no-repeat;
    background-position:                50%;
    background-size:                    contain;
}

#styla-widget .styla-widget__image
{
    max-height:                         100%;
    max-width:                          100%;
    height:                             100%;
    object-fit:                         contain;
    opacity:                            0;
}


#styla-widget .styla-widget__textwrap
{
    display:                            block;
    -moz-flex-grow:                     1;
    -webkit-flex-grow:                  1;
    flex-grow:                          1;
    max-height:                         100%;
    overflow:                           hidden;
    float:                              left;
}


#styla-widget .styla-widget__headlinewrap
{
    display:                            flex;
    flex-direction:                     column;
    -moz-justify-content:               flex-end;
    -webkit-justify-content:            flex-end;
    justify-content:                    flex-end;
}


#styla-widget .styla-widget__headline,
#styla-widget .styla-widget__title
{
    line-height:                        1.25em;
    max-height:                         2.5em;
    overflow:                           hidden;
    margin-top:                         1em;
    margin-bottom:                      1em;
}


#styla-widget .styla-widget__title
{
    font-size:                          2em;
    text-align:                         center;
    margin-bottom:                      30px;
}


#styla-widget .styla-widget__paragraph
{
    font-size:                          1em;
    line-height:                        1.5em;
    overflow:                           hidden;
    position:                           relative;
    word-wrap:                          break-word;
}