@import "compass/css3";
@import "custom";
@import "wordpress";
@import "typography";
@import "transition";
@import "header";
@import "searchform";
@import "widgets";
@import "navigation";
@import "post";
@import "blog";
@import "404";
@import "footer";
@import "works";

#infscr-loading{
    text-align: center;
    z-index: 100;
    position: fixed;
    left: 50%;
    bottom: 40px;
    width: 50px;
    margin-left: -25px;
    height:50px;
    border-radius: 100%;
    background: #f6f6f6;
    border: 1px solid #e6e6e6; 
    line-height: 45px;
    padding-left: 3px;
    img{
        max-width: 32px;
        display: inline-block!important;
    }
}

.entry-content{
    .theme-setup-steps{
        list-style: none;
        padding: 0 0 54px;
        overflow: hidden;
        margin:0;
        display:table;
        width:100%;
        &.without_plugin{
            .plugins{
                display:none;
            }
        }
        &.without_pages{
            .pages{
                display: none;
            }

        }
        .install_pages,
        .install_plugins{
            display:none;
        }
        li {
            width: 10%;
            display: table-cell;
            padding: 0 0 10px;
            margin: 0;
            text-align: center;
            position: relative;
            border-bottom: 4px solid $borderColor;
            font-size: 14px;
            &:before {
                content: "";
                border: 4px solid $borderColor;
                border-radius: 100%;
                width: 12px;
                height: 12px;
                position: absolute;
                bottom: 0;
                left: 50%;
                margin-left: -6px;
                margin-bottom: -8px;
                background: #fff;
            }
        }
        li.done:before {
            border-color: $brandColor;
            background: $brandColor;
        }
        li.done {
            border-color: $brandColor;
            color: $brandColor;
        }
        li.active:before {
            border-color: $brandColor;
        }
        li.active {
            border-color: $brandColor;
            color: $brandColor;
        }
    }

}
.theme-setup-content{   
    h5{
        margin-top:0; 
    }
    .hide_theme_preloader_text,
    .hide_theme_preloader{
        display: none;
    }
    a{
        text-decoration: underline;
    }
    .button{
        text-decoration: none;
    }
    i{
        font-size: 14px;
    }
    input[disabled]{
        opacity: 0.5;
        &,
        &:hover,
            &:focus{ 
            background-color: $brandColor;
        }
    }
    .wrap{
        script+p{
            display:none;
        }
    }
    .theme_setup-actions.step.text-right.top{
        margin: 42px 0 22px;
    }
}
.site-main .theme_setup-actions .button.import-button{
    margin-left: 0;
}
.site-main .theme_setup-actions {

    .button{
        min-width:190px;
        display: inline-block;
        margin: 0 12px;
    }
}
.inline-class{
    display: inline-block;
    vertical-align: baseline;

}


.theme-about-page{
    font-size:14px;
    &.main-container {
        padding-top: 246px;
        padding-bottom: 0;
    }
    .content-about-page{
        margin-bottom: 94px;
    }
    h5.inline-class{        
        margin: 14px 0 0;
    }
    iframe{
        min-height: 217px;
        margin: 32px 0 0 0;
        max-width: 100%;
    }
    img[alt="about"]{
        display: block;
        margin: 7px auto 0;
    }

}
@media (max-width: 991px){ 
    .theme-about-page.main-container{
        padding-top: 0;
    }
}
@media (max-width: 767px){
    .theme-about-page .content-about-page{
        margin: 0 0 32px;
    }

}