/*
Theme Name:         Ingamana Starter Theme
Theme URI:          https://roots.io/sage/
Description:        based on Sage starter theme (v 9.0)
Version:            2.0
Author:             Ingamana
Author URI:         https://ingamana.com/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/
[data-router-view=supportRouter] .section-type-progress .progress-bar .progress-bar-track .label-raised.label-raised-top{
    top: 35px;
    -webkit-transform: translateX(11px);
    -o-transform: translateX(11px);
    transform: translateX(11px);
}
.divider {width: 50px;50px:;}

.headline.ui-overview-lightbox-subtitle {
    opacity: 1 !important;
}
div[data-router-view=aboutRouter] .section-type-timeline .vertical-line-mask-bottom.vertical-line-mask-bottom{
	background: #fff;
	z-index: -1; 
	  width: 1px;
}
[data-router-view=aboutRouter] .section-type-timeline .grid-item:last-child{
    margin-bottom: 80px;
}

.goal-meter-widget .progress .meter {
    background: white !important;
    color: red;
    font-weight: 700;
}
div.transition-cover .transition-cover-content .transition-cover-spinner .preloader{
    overflow: hidden;
}
div.transition-cover .transition-cover-content .transition-cover-spinner .preloader .logo .svg-clipped{
    -webkit-mask-image: url('assets/images/svg/common/ncc-logo.svg');
    mask-image: url('assets/images/svg/common/ncc-logo.svg');
    mask-repeat: no-repeat;
    mask-size: 350px;
    clip-path: unset;
    -webkit-clip-path: unset;
}
div.sbi_lightbox.sbi_lb-comments-enabled{
    top: 50% !important;
    transform: translatey(-50%);
}
.insta-feed-set .sbi-user-info{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center !important;
    margin-bottom: 0px !important;
}
.insta-feed-set .sbi-user-info-inner.sbi-no-feed-avatar{
    display: flex;
    flex-direction: column;
}
.insta-feed-set .sbi-user-info-inner.sbi-no-feed-avatar strong{
    line-height: 1;
    font-size: 13px;
    word-break: break-all;
    color: #3c434a;
}
.insta-feed-set .sbi-user-info-inner.sbi-no-feed-avatar span{
        font-size: 11px;
    line-height: 1;
    margin-top: 3px;
    color: #434960;
}
.insta-feed-set .sbi_item.sbi_type_image,.insta-feed-set .sbi_item.sbi_type_video, .insta-feed-set .sbi_item.sbi_type_carousel {
    -webkit-box-shadow: 0 0 4px 0px rgb(184 184 184);
    -moz-box-shadow: 0 0 4px 0px rgb(184 184 184);
    box-shadow: 0 0 4px 0px rgb(184 184 184);
}
.insta-feed-set .sbi_caption{
    font-size: 12px;
    color: rgb(67, 73, 96);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;   
}
.insta-feed-set #sb_instagram .sbi_expand{
    display:none !important;
}
.insta-feed-set .sbi-theme:not(.sbi-default_theme)#sb_instagram p.sbi_caption_wrap {
    padding: 12px 12px;
}
.insta-feed-set  .sbi-theme.sbi-social_wall#sb_instagram .sbi-user-info .sbi-user-brand{
    position: static;
}
.insta-feed-set .insta-title{
    text-align: center;
}
.insta-feed-set .sbi-theme.sbi-social_wall#sb_instagram .sbi_photo_wrap{
    border-radius: 0;
}
.insta-feed-set .sbi_caption{
    font-size: 14px !important;
}
.sbi-theme:not(.sbi-default_theme,.sbi-overlap)#sb_instagram.sbi-style-boxed .sbi-user-info{
	    padding: 10px 10px 10px;
}
@media (min-width: 767px){

    .page-section.section-type-instagram-feed #sb_instagram #sbi_images .sbi_item:first-child,    .page-section.section-type-instagram-feed #sb_instagram #sbi_images .sbi_item:nth-child(2),.page-section.section-type-instagram-feed #sb_instagram #sbi_images .sbi_item:nth-child(3),.page-section.section-type-instagram-feed #sb_instagram #sbi_images .sbi_item:nth-child(4){
        transform: translate(0px);
        -webkit-transform: translate(0px);
        -o-transform: translate(0px);
    }
    .page-section.section-type-instagram-feed #sb_instagram #sbi_images .sbi_item{
        width: unset !important;
        height: unset !important;
    }
    .page-section.section-type-instagram-feed #sb_instagram #sbi_images .sbi_item .sbi_photo_wrap{
        border-radius: unset;
        overflow: hidden;
    }
    .page-section.section-type-instagram-feed #sb_instagram #sbi_images{
        height: auto;
    }
    .page-section.section-type-instagram-feed #sb_instagram #sbi_images{
        padding: unset !important;
    }
    #sb_instagram #sbi_load{
            margin-top: 24px;
    }

    .page-section.section-type-instagram-feed #sb_instagram{
        margin-top: 0px;
    }

}
@media only screen and (max-width:1151px) {
    .page-section.section-type-instagram-feed #sb_instagram{
        padding: 0px 50px;
    }
}
@media only screen and (max-width: 768px) {
    div[data-router-view=supportRouter] .section-type-progress .progress-bar .label-goal{
        -webkit-transform: translateX(-10%);
        -o-transform: translateX(-10%);
        transform: translateX(-10%);
    }
}
@media only screen and (max-width: 767px) {
    .page-section.section-type-instagram-feed #sb_instagram #sbi_images .sbi_item {
        margin: 0 0vw !important;
    }
    .page-section.section-type-instagram-feed #sb_instagram{
        padding: 0px 0px;
    }
	.overview-lightbox.show {
		height: 100vh;
		overflow: auto;
	}
	.overview-lightbox{
		overflow: hidden;
	}
	html.events-lightbox-opened body{
		overflow: hidden;
		overflow-y: hidden !important;
	}
	div[data-router-view=homeRouter] .section-type-about-ncc{
		padding: 540px 0 80px;
        background-repeat: no-repeat;
        background-position-x: 72%;
        position: relative;
	}
	div[data-router-view=homeRouter] .section-type-about-ncc::before{
		content:'';
		position:absolute;
		bottom: 0;
		left:0;
		background: linear-gradient(0deg, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
		width: 100%;
		height: 80%;
	}
	div[data-router-view=aboutRouter] .section-type-timeline .bg-img{
		min-height: 450px;
		background-position-x: 40%;
	}
	div[data-router-view=aboutRouter] .section-type-timeline .bg-img .content{
		padding: 0 0 40px 17px;
	}
	div.hero-auditions .bg-container.bg-image{
		background-position: 100%;
	}
	
}