/* BeTheme compatibility layer for templates that still use legacy class names. */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    background: #000;
}

body.sparta-standalone-theme {
    margin: 0;
    overflow-x: hidden;
}

#Wrapper {
    min-height: 100vh;
    overflow: hidden;
}

#Content,
.content_wrapper,
.sections_group,
.the_content_wrapper {
    width: 100%;
}

.section,
.mcb-section {
    position: relative;
    width: 100%;
}

.section_wrapper,
.container,
.mcb-section-inner {
    width: min(100%, 1500px);
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
}

.section.full-width > .section_wrapper,
.mcb-section.full-width > .section_wrapper,
.section.full-width > .mcb-section-inner,
.mcb-section.full-width > .mcb-section-inner,
.mcb-header-section > .section_wrapper,
.mcb-header-section > .mcb-section-inner {
    width: 100%;
    max-width: 100%;
}

.mfn-wrapper-for-wraps,
.mfn-module-wrapper,
.mcb-wrap,
.mcb-wrap-inner,
.mcb-column,
.column,
.column_attr {
    min-width: 0;
}

.clearfix::after,
.section_wrapper::after,
.mcb-section-inner::after {
    clear: both;
    content: "";
    display: table;
}

.one,
.column.one,
.mcb-wrap.one,
.mcb-column.one {
    width: 100%;
}

.one-second,
.column.one-second {
    width: 50%;
}

.one-third,
.column.one-third {
    width: 33.3333%;
}

.two-third,
.column.two-third {
    width: 66.6667%;
}

.image_frame,
.image_item,
.image_wrapper {
    position: relative;
}

img.scale-with-grid,
.scale-with-grid img,
.image_wrapper img {
    max-width: 100%;
}

.entry-content iframe,
.the_content_wrapper iframe,
article.single iframe {
    max-width: 100%;
}

.entry-content iframe[src*="youtube.com/embed"],
.entry-content iframe[src*="youtube-nocookie.com/embed"],
.the_content_wrapper iframe[src*="youtube.com/embed"],
.the_content_wrapper iframe[src*="youtube-nocookie.com/embed"],
article.single iframe[src*="youtube.com/embed"],
article.single iframe[src*="youtube-nocookie.com/embed"] {
    display: block;
    height: auto;
    aspect-ratio: 16 / 9;
}

@media (max-width: 767px) {
    .section_wrapper,
    .container,
    .mcb-section-inner {
        width: 100%;
        max-width: 100%;
    }

    .one-second,
    .one-third,
    .two-third,
    .column.one-second,
    .column.one-third,
    .column.two-third {
        width: 100%;
    }
}