/**
 *  article styles
 */

.fb-comments::after {}

.article-size {
    font-size: 18px;
}

.block-entity-fieldnodecreated {
    color: rgb(161, 161, 161);
    font-size: 12px;
}

.block-entity-fieldnodefield-image .field--name-field-image {
    padding: 5px 0;
    width: 100%;
}

.field--name-field-kauzy .field--label {
    background-color: #ECA644;
    color: #FFF;
    width: 90px;
    margin-right: 10px;
    padding: 0px 5px;
}

.field--name-field-kauzy .field--item {
    display: inline;
}

.field--name-field-kauzy .field--item:nth-child(n+2)::before {
    content: ' | ';
    color: gray;
}

.block-title-decoration {
    position: relative;
    z-index: -1;
}

.block-title-decoration::after {
    content: ' ';
    height: 20px;
    border-color: rgb(224, 224, 224);
    border-width: 1px 1px medium;
    border-style: solid solid none;
    margin: 0px auto;
    position: absolute;
    width: 100%;
    top: -17px;
}

.article-left-sidebar,
.article-body {}

.article-left-sidebar {}

.sticky {}

.sticked {
    position: fixed !important;
}

.sticked-bottom {
    position: absolute;
}

.typ-bar {
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 0 3px 7px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.fb-page,
.fb-page iframe[style],
.fb-page span,
.fb-post {
    width: 100% !important;
}

.article-body img {
    width: 100%;
    height: auto;
}

.article-summary ul {
    font-weight: 400;
}

iframe {
    aspect-ratio: 16/9;
    width: 100%;
}

/*
 media queries
*/

@media all and (max-width: 230px) {}

@media all and (max-width: 329px) {}

@media all and (min-width: 330px) {}

@media all and (max-width: 560px) {

    .article-left-sidebar,
    .article-body {
        /* float:left; */
        /* display:block; */
    }

    .sticky {
        display: none;
    }

}

@media all and (min-width: 561px) {}

@media all and (max-width: 767px) {}