:root {
    --theme-color: #297af4;
    --theme-hover: #045fe6;
    --logo-height: 32px;
    --logo-height-mobile: 26px;
    --menu-item-gap: 28px;
    --theme-body-bg-color: #ffffff;
    --theme-body-bg-image-repeat: no-repeat;
    --theme-body-bg-image-size: cover;
    --theme-body-bg-image-position: center top;
    --header-bg-color: #9c4dff;
    --header-bg-image: linear-gradient(90deg, #9c4dff 0%, #42a7ff 100%);
    --theme-border-radius-s: 3px;
    --theme-border-radius-m: 5px;
    --theme-border-radius-l: 8px;
    --theme-border-radius-xl: 12px;
    --thumb-ratio-default: 480 / 300;
    --thumb-ratio-post: 480 / 300;
    --post-video-ratio: 860 / 482;
}

#modules-1 {
    margin-top: 0px;
    margin-bottom: 40px;
}

#modules-1 .post-loop-card {
    --thumb-ratio-post: 5 / 2;
}

@media (max-width: 767px) {
    #modules-1 .post-loop-card {
        --thumb-ratio-post: 5 / 2.2;
    }
}

#modules-1 .item-inner {
    padding-top: 30px;
    padding-bottom: 30px;
}

#modules-13 {
    margin-top: 0px;
    margin-bottom: 0px;
}

#modules-13 .main {
    float: left;
}

#modules-13 .sidebar {
    float: right;
}

#modules-12 {
    margin-top: 0px;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    #modules-12 {
        margin-top: 0px;
        margin-bottom: 40px;
    }
}

#modules-2 {
    margin-top: 0px;
    margin-bottom: 40px;
}

#modules-2 .post-loop-card {
    --thumb-ratio-post: ;
}

#modules-2 .item-inner {}

#modules-10 {
    margin-top: 0px;
    margin-bottom: 40px;
}

#modules-7 {
    margin-top: 0px;
    margin-bottom: 0px;
}

#modules-7 .row>[class*=col-] {
    padding: 0 15px;
}

#modules-7 .row {
    margin-left: -15px;
    margin-right: -15px;
}

#modules-8 {
    margin-top: 0px;
    margin-bottom: 40px;
}

#modules-5 {
    margin-top: 0px;
    margin-bottom: 40px;
}

#modules-11 {
    margin-top: 0px;
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    body>header.header.header-style-2 .navbar-collapse {
        display: block !important;
        width: 80% !important
    }

    body>header.header.header-style-2 .navbar-collapse.in {
        display: block !important
    }

    .navbar-on .icon-bar {
        background: #fff !important;
        transition: all .3s ease-out .3s
    }

    body>header.header.header-style-2 .nav>li>a {
        color: #111;
    }

    body>header.header.header-style-2 .navbar-search-input {
        border-left-color: var(--theme-border-color);
    }

    .collapse.in {
        display: block !important
    }

    .collapse.in .primary-menu:before {
        background: var(--theme-color);
        content: "";
        height: 50px;
        left: -80%;
        opacity: .9;
        position: fixed;
        top: 0;
        width: 80%;
        z-index: 1002
    }

    body>header.header.header-style-2 .primary-menu {
        float: none !important;
        margin: 0;
    }

    .navbar-action {
        display: none;
    }
}