.static > .element-row {
    margin: 20px 0px;
}

@media (min-width: 576px) {
    .static > .element-row.elements-2 > .element:first-child {
        float: left;
        width: 48%;
    }

    .static > .element-row.elements-2 > .element:last-child {
        float: right;
        width: 48%;
    }
}
.element.element-website-widget {
    position: relative;
    width: 100%;
}


.element.element-website-widget .website-widget-content {
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
}

.element.element-website-widget .website-widget-content > .websitewidget-item {
    flex: 0 auto;
}
.element-website-widget-modal .element.element-website-widget .website-widget-content > .websitewidget-item {
    flex: 1 auto;
}

@media (min-width: 700px) {
    .element.element-website-widget .website-widget-content > .websitewidget-item {
        flex-basis: 49%;
    }

    .element.element-website-widget .website-widget-content.website-widget-per-row-3 > .websitewidget-item {
        flex-basis: 32%;
    }
}


.element.element-website-widget .images > ul,
.element.element-website-widget .images > ul > li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.element.element-website-widget .images,
.element.element-website-widget .images > ul {
    position: relative;
}

.element.element-website-widget .images > ul {
    overflow: hidden;
}

.element.element-website-widget .images > .btn {
    position: absolute;
    top: 50%;
    opacity: 0.7;
    transform: translate(0%, -50%);
    z-index: 30;
    font-size: 150%;

    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}
.element.element-website-widget .images > .btn.btn-prev {
    left: 5px;
}
.element.element-website-widget .images > .btn.btn-next {
    right: 5px;
}
.element.element-website-widget .images > .btn:hover {
    opacity: 1;
}

.element.element-website-widget .images > ul > li {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.element.element-website-widget .images > ul > li.active {
    opacity: 1;
    z-index: 20;
}


.element.element-website-widget .img {
    display: block;
    position: relative;
    width: 100%;
}

.element.element-website-widget .img img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.element.element-website-widget .media-size-original .images > ul,
.element.element-website-widget .media-size-original .img {
    height: 300px;
}
.element.element-website-widget .media-size-original .img img {
    max-width: 100%;
    max-height: 100%;
}

.element.element-website-widget .media-size-16x9 .images > ul,
.element.element-website-widget .media-size-16x9 .img { padding-top: 56.25%; }
.element.element-website-widget .media-size-4x3 .images > ul,
.element.element-website-widget .media-size-4x3 .img { padding-top: 75%; }
.element.element-website-widget .media-size-1x1 .images > ul,
.element.element-website-widget .media-size-1x1 .img { padding-top: 100%; }
.element.element-website-widget .media-size-3x4 .images > ul,
.element.element-website-widget .media-size-3x4 .img { padding-top: 133.33%; }
.element.element-website-widget .media-size-9x16 .images > ul,
.element.element-website-widget .media-size-9x16 .img { padding-top: 177.77%; }

.element.element-website-widget .media-size-fixratio .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 700px) {
    .element.element-website-widget .media-size-original .images > ul,
    .element.element-website-widget .media-size-original .img {
        height: 400px;
    }
}


.element.element-website-widget .pagination {
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 30;
}
.element.element-website-widget .pagination .btn-page {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0px 2px;
    border-width: 1px;
    border-style: solid;
    background: transparent;
    border-radius: 100%;
    opacity: 0.7;
}
.element.element-website-widget .pagination .btn-page:hover,
.element.element-website-widget .pagination .btn-page.active {
    opacity: 1;
}


.element.element-website-widget .websitewidget-item > .posted-at {
    font-size: 80%;
}


.element.element-website-widget .media-popup-content .websitewidget-item {
    cursor: pointer;
}
.element.element-website-widget .media-popup-content .websitewidget-item > .content {
    display: none;
}


.element.element-website-widget .website-widget-load-more {
    margin: 30px 0px;
    text-align: center;
}


.element.element-website-widget .website-widget-load-more a {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
}


html.element-website-widget-modal-opened body {
    overflow: hidden !important;
    width: 100%;
    position: fixed;
    left: 0px;
}

.element-website-widget-modal {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 100;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.element-website-widget-modal.open {
    opacity: 1;
}

.element-website-widget-modal > .btn-close {
    position: fixed;
    right: 0px;
    top: 0px;
    font-size: 200%;
    display: block;
    width: 44px;
    text-align: center;
    z-index: 110;
}

.element-website-widget-modal .element.element-website-widget .media-size-original .images > ul,
.element-website-widget-modal .element.element-website-widget .media-size-original .img {
    height: 80vh;
}

.element-website-widget-modal:before {
    display: block;
    content: ' ';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.element-website-widget-modal .element-website-widget-modal-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.element-website-widget-modal .element.element-website-widget .media-popup-content .websitewidget-item > .content {
    display: block;
}
.element-website-widget-modal .element.element-website-widget .media-popup-content .websitewidget-item > .posted-at {
    margin-top: 20px;
}

.element-website-widget-modal main > .inner {
    width: 80%;
}

@media (min-width: 1250px) {
    .element-website-widget-modal main > .inner {
        width: 1100px;
    }
}