@font-face {
    font-family: 'Qilla-Slant';
    src: url('../font/Qilla-Slant/Qilla-Slant.eot'); /* IE9 Compat Modes */
    src: url('../font/Qilla-Slant/Qilla-Slant.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/Qilla-Slant/Qilla-Slant.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/Qilla-Slant/Qilla-Slant.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/Qilla-Slant/Qilla-Slant.svg#svgQilla-Slant') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../font/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../font/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/Lato/Lato-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/Lato/Lato-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/Lato/Lato-Regular.svg#svgLato-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Eczar-Regular';
    src: url('../font/Eczar-Regular/Eczar-Regular.eot'); /* IE9 Compat Modes */
    src: url('../font/Eczar-Regular/Eczar-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/Eczar-Regular/Eczar-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/Eczar-Regular/Eczar-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/Eczar-Regular/Eczar-Regular.svg#svgEczar-Regular') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'HindVadodara-Regular';
    src: url('../font/HindVadodara-Regular/HindVadodara-Regular.eot'); /* IE9 Compat Modes */
    src: url('../font/HindVadodara-Regular/HindVadodara-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/HindVadodara-Regular/HindVadodara-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../font/HindVadodara-Regular/HindVadodara-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/HindVadodara-Regular/HindVadodara-Regular.svg#svgHindVadodara-Regular') format('svg'); /* Legacy iOS */
}

html,
body,
header,
.jarallax {
    /*height: 100%;*/
    font-family: 'Lato-Regular';
}

.carousel, .carousel .carousel-inner, .carousel .carousel-inner .active, .carousel .carousel-inner .carousel-item, .view, body, html {
    height: 100%;
}

.navbar-brand h4 {
    color: #dca81c;
    font-weight: 400;
}

body {
    color: #484844;
}

p {
    font-size: 1rem;
}

.font-sanskrit {
    font-family: 'Eczar-Regular';
}

.font-gujrati {
    font-family: 'HindVadodara-Regular';
}

.section-title strong {
    font-family: 'Eczar-Regular';
    /*color: #b5071b;*/
    /*color: #e4ac13;*/
}

    .section-title strong span {
        font-size: 1.5rem;
    }

#carouselExampleFade {
    height: auto;
}

    #carouselExampleFade .carousel-indicators li {
        background-color: rgba(220, 168, 28, 0.65);
    }

        #carouselExampleFade .carousel-indicators li.active {
            background-color: #dca81c;
        }

#shlok table p {
    margin-bottom: 0px;
}

    #shlok table p a:hover {
        color: #dca81c;
    }

.bg-maroon {
    background: #6d0612 !important;
}

.text-maroon {
    color: #6d0612 !important;
}

.breadcrumb {
    background: transparent;
    padding: .3rem 1rem;
}

    .breadcrumb a {
        color: #6d0612;
    }

.yellow-text {
    color: #dca81c !important;
}

.btn-danger {
    background-color: #6d0612 !important;
    color: #fff !important;
}
/*sanskritShlok details page*/
.sanskritShlok {
    background-image: url('../img/bgpage.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 560px) and (max-width: 740px) {
    html,
    body,
    header,
    .jarallax {
        height: 500px;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    html,
    body,
    header,
    .jarallax {
        height: 500px;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #72BDE5 !important;
    }

    .navbar {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
    }
}


.navbar.scrolling-navbar.top-nav-collapse {
    background: #6d0612;
}

@media (min-width: 769px) {
    .navbar:not(.top-nav-collapse) {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    background-color: #6d0612;
}

/*hide search option input datatable*/
.dataTables_wrapper .dataTables_filter {
    display: none;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px !important;
    border-bottom: 1px solid #e2d245 !important;
}


.section .desc,
.section .desc h3,
.section .desc p,
.section .desc h4 {
    margin: 0 0 10px;
}

    .section .desc h3,
    .section .desc h4 {
        font-weight: bold;
    }

    .section .desc h3 {
        color: #c00000;
    }

    .section .desc h4 {
        color: #7030a0;
    }

.main_chapter {
    position: relative;
}

    .main_chapter .menu_block {
        float: left;
        width: 300px;
        background: #fdfdfd;
        width: 200px;
        box-shadow: 0px 2px 4px 0px #ccc;
    }

    .main_chapter .menu_block.menu_fixed{
            position: fixed;
            top: 73px;
            z-index: 999;
    }

    .main_chapter .menu_block ul{
        margin:0;
        padding:15px;
    }

        .main_chapter .menu_block ul li a {
            color: #333;
            font-weight: bold;
            text-decoration: none;
            display: block;
            padding: 10px 20px;
            text-align: center;
            font-size: 14px;
            position:relative;
        }
            .main_chapter .menu_block ul li a:before {
                content: "\f101";
                font-family: FontAwesome;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                /*--adjust as necessary--*/
                color: rgba(109, 6, 18, 0.3);
                font-size: 18px;
                padding-right: 0.5em;
                position: absolute;
                top: 8px;
                left: 30px;
            }
            .main_chapter .menu_block ul li a.active, .main_chapter .menu_block ul li a:hover {
                background: #ff7800;
                color: #fff;
                border-radius: .125rem;
                -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
                box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
            }
                .main_chapter .menu_block ul li a.active:before, .main_chapter .menu_block ul li a:hover:before{
                    color: #fff;
                }
                .main_chapter .menu_block ul li:not(:last-child) a {
                    border-bottom: 1px solid #dedede;
                }
        

        .rightbar_about{
            float:right;
            width:calc(100% - 300px);
        }

        footer{
            clear:both;
        }


/*New UI Design ---  added by Tejal*/ 


body {
    background: url('../img/bg.jpg') no-repeat top left;
    background-size: cover;
    height: 100vh;
}

.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 17px;
}

    .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
        text-decoration: underline;
    }

.fixed-top {
    /*top: 24px;*/
    background: #fff;
}

.navbar.scrolling-navbar.top-nav-collapse {
    background: #fff;
    top: 0px;
}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover,
.navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover, .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover, .navbar.navbar-dark .navbar-toggler, .navbar.navbar-dark form .md-form .form-control {
    color: #ff7800;
}

.navbar-brand h4 {
    color: #ff7800;
    font-weight: 400;
}

ul.socialmedia, ul.top-contactInfo {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    ul.socialmedia li, ul.top-contactInfo li {
        display: inline-block;
        padding: 0 2px;
    }

        ul.socialmedia li a, ul.top-contactInfo li {
            color: #c2c2c2;
            font-size: 12px;
        }

.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #333;
}

.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    background-color: #fda454;
}

.section-title {
    font-family: inherit;
    /* color: #b5071b; */
    /*color: #ff7800;*/
}

.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    position: relative;
}

    .navbar.navbar-dark .navbar-nav .nav-item .nav-link:before {
        position: absolute;
        content: '/';
        left: 0px;
        color: #c8c8c8;
    }

.navbar.navbar-dark .navbar-nav .nav-item:first-child .nav-link:before {
    content: '';
}

video {
    max-width: 100%;
    height: auto;
    background: #333;
}

.eventBox {
    margin-bottom: 55px;
}

    .eventBox .date {
        box-sizing: border-box;
        position: relative;
        width: 80px;
        height: 80px;
        background: url(https://church-event.vamtam.com/wp-content/themes/church-event/wpv_theme/assets/images/date-bg.svg);
        background-size: cover;
        text-align: center;
        float: left;
    }

        .eventBox .date .day {
            top: 23px;
            font-weight: 700;
            font-size: 30px;
            line-height: 1;
            position: absolute;
            right: 0;
            left: 0;
            color: #3e4043;
        }

        .eventBox .date .month {
            bottom: 10px;
            font-size: 12px;
            line-height: 1;
            position: absolute;
            right: 0;
            left: 0;
            color: #3e4043;
        }

    .eventBox .eventDesc {
        margin-left: 95px;
        color: #fff;
    }

        .eventBox .eventDesc p {
            margin: 0px;
            color: #e6e6e6;
        }

.footerLink ul {
    list-style-type: none;
    margin: 0px auto;
    padding: 0;
}

    .footerLink ul li {
        display: inline;
        padding: 4px 15px;
    }

#goTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #333;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
    font-size: 12px;
}

    #goTop:hover {
        background-color: #555; /* Add a dark-grey background on hover */
    }


.pages p.grey-text {
    color: #6d0612 !important;
}

.view .section-title {
    position: relative;
    /*background: url(../img/titleBg3.png) no-repeat;
    background-size: 100% 100%;
    padding: 24px !important;
    width: 320px;
    */
    background: url(../img/titleBg3.png) no-repeat;
    background-size: 100% 100%;
    padding: 18px 35px !important;
    width: 200px;
    font-weight: normal !important;
    font-size: 24px;
}
    /*.section-title::before {
        content: "\f18c";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 18px;
        padding-right: 0.5em;
        position: absolute;
        top: 34px;
        left: -30px;
        transform: rotate(245deg);
    }

    .section-title::after {
        content: "\f18c";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 18px;
        padding-right: 0.5em;
        position: absolute;
        top: 34px;
        right: -30px;
        transform: rotate(45deg);
    }*/