@import "elementor/elementor";

body.elementor-page #themesflat-content > .container {
    max-width: 1200px;
}

.elementor-section.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1200px;
}

@media only screen and (min-width: 1260px) {
    .tf__tf-el-width-1260.elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1260px;
    }
}

.elementor-widget.elementor-widget-sidebar .widget {
    padding: 0;
    margin-bottom: 0;
    border: none;
}

.col-social-vertical {
    .elementor-element-populated {
        &:after {
            content: "";
            position: absolute;
            top: 290px;
            height: 100px;
            left: 0;
            background: transparent;
            background: linear-gradient(to left top, transparent 50%, var(--theme-color-hover-main-navigation) 50%);
            width: 100px;
        }
        
        &:before {
            content: "";
            background: var(--theme-color-hover-main-navigation);
            position: absolute;
            height: 290px;
            top: 0;
            left: 0;
            width: 100px;
        }
    }
}

.order-1 {
    --order: 1;
}

.order-2 {
    --order: 2;
}

.order-3 {
    --order: 3;
}


@media (min-width: 768px) {
    
    .order-md-1 {
        --order: 1;
    }
    
    .order-md-2 {
        --order: 2;
    }
    
    .order-md-3 {
        --order: 3;
    }
    
    .el-d-md-block {
        display: block;
    }
    
}

@media only screen and (min-width: 1025px) {
    .bg-start-course > .elementor-widget-wrap:before {
        content: "";
        width: 100%;
        background: inherit;
        height: 100%;
        position: absolute;
        left: -70px;
        top: 0;
        z-index: 0;
    }
    
    .col-lg-w-100 {
        width: 100px !important;
    }
    
    .col-lg-w100-100px {
        width: calc(100% - 100px) !important;
    }
    
    .tf-el-order-lg-1 {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }
    .tf-el-order-lg-2 {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }
    .tf-el-order-lg-3 {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }
    
    .tf-el-d-lg-block {
        display: block !important;
    }
    
    .tf-el-d-lg-flex {
        @include d-flex(important);
    }
    
    .separation-01:before {
        content: "";
        height: 100%;
        width: 1px;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 52.6%, rgba(0, 0, 0, 0) 100%);
    }
}

@media only screen and (max-width: 1460px) {
    .tf-el-d-xxl-none {
        display: none !important;
    }
}

@media only screen and (max-width: 1199px) {
    .tf-pd-xl-0 {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 1024px) {
    .tf-pos-lg-static {
        position: static !important;
    }
}

@media only screen and (max-width: 767px) {
    .tf-pos-md-static {
        position: static !important;
    }
}