.inline-content{
    position: absolute;
    /* padding: 20px;
    width: 50%; */
    /* background: white; */
    background-color: rgba(255,255,255,0.8);
    color: black;
    font-size: 1.4em;
    bottom: -10px;
    left: 0px;
}
#layout-content{
    background-color:#fff;
}

#banner1{
    width: 100%;
    height: 40%;
    filter: brightness(70%);
}
.img-text{
    color: white;
    position: absolute;
    top: 85%;
    left: 7%;
    padding:0px 180px 0px 130px ;
    font-size: 68px;
    font-weight: 800;
    text-align: center;
}
.img-list{
    margin-top:7%;
    margin-left:7%;
}
#list-img{
    margin-left:2.5%;
}
#banner2{
    margin-top:5%;
    width:100%;
}
#div1{
    margin-top:5%;
    margin-left:10%;
}
#div2{
    margin-top:5%;
}
#div2 ~h1{
    text-align: left;
}
#div2 ~p{
    text-align: left;
}
.div3{
    padding: 35px 0px 30px 0px;
    margin-top: 50px;
    background: #dddddd38;
}
.div3 h1{
    text-align:center;
}
#events{
    margin-top:3%;  
    margin-left: 40px;
    margin-right: 40px;}
#event1{
    margin-left:0%;
    padding-left: 25px;
    padding-right: 25px;
}
#event1 h3{
    /* padding: 10px 30px 10px 30px; */
    text-align: center;
}
#event1 p{
    /* padding: 0px 145px 0px 60px; */
    text-align: center;
    padding: 1px 10px;

}
#event2{
    margin-left:-3%;
}
#event2 h3{
    padding: 0px 30px 18px 40px;
}
#event2 p{
    padding: 0px 145px 0px 60px;
    text-align: center;
}
#event3{
    margin-left:-3%;
}
#event3 h3{
    padding: 0px 30px 18px 40px;
}
#event3 p{
    padding: 0px 145px 0px 60px;
    text-align: center;
}
#btn-2{
    /* margin-left:43%; */
    text-align:center;
    padding: 25px 0 50px;

    /* margin-top:3%; */
}
.gallery{
    /* padding: 35px 0px 35px 45%; */
    text-align: center;
    /* margin-top: 5%; */
    padding: 20px;
}
#gallery-1{
    margin-left:5%;
}
.img-border{
    border-radius:10px;
    }
#gallery-1 p{
    font-size: 18px;
    font-weight: 800;
    padding: 20px 85px 0px 40px;
    text-align: center;
}
#gallery-2{
    /* margin-left:-3%; */
}
#gallery-2 p{
    font-size: 18px;
    font-weight: 800;
    /* padding: 20px 85px 0px 70px; */
    padding: 30px 52px;
    text-align: center;
}
#gallery-3{
    margin-left:-3%;
}
#gallery-3 p{
    font-size: 18px;
    font-weight: 800;
    padding: 20px 85px 0px 80px;
    text-align: center;
}
#btn-3{
    margin-left:44%;margin-top:3%;
}
#footer-1{
    padding: 5% 0% 3% 6%;
    background:#a7150b;
    /* margin-top:80px; */
    margin-left: -15px;

}
#footer-1 h5{
    color:#FFDD30;
}
#footer-1 p{
    color:#FFF;
}
nav#layout-nav .navbar-nav > li > a {
    text-transform: none;
    font-size: 16px;

}
.nav > li > a {
    padding: 20px 25px;
}

.readmore{
    background: #e13d3d;
    color: white;
    border: none;
    padding: 10px 50px 10px 50px;
    border-radius: 30px;
}
.aboutamma{
    line-height: 30px;
    font-size: 18px;
    padding: 25px 35px 60px 0px;
    color: #716c6c;
}
.amma-message{
     list-style-image: url('../themes/rainlab-bonjour/assets/images/arrow.png');   
     font-size: 16px;

}
.footer{
    padding: 2% 1% 1% 6%;
    background:#ffc107;
}
#videogallery{
zoom: 1.7;
    color: #FFDD30;
    margin-top: 20%;
    margin-left: 15%;
}
#videogallery ~p{
    margin-left: 58px;
    margin-top: -25px;
    font-size: 16px;
    color: #fff;
}
.donation-btn{
    background: #FFDD30;
    color: black;
    font-weight: 800;
    font-size: 16px;
    margin: 22px 35px 0px 35px;
    border: none;
    padding: 10px 35px 10px 30px;
    border-radius: 30px;
}
#socialmedia{
    float: right;
    margin-top: -30px;
    margin-right: 0px;
}
#socialmedia i{
    zoom: 1.5;
    color: #a7150b;
    margin-right:20px;
    font-weight:800;
}
.row{
    margin-right:0px;
    margin-left:0px;
}
.navbar-nav{
    list-style: none;
    }
@media (max-width:767px){
    .show-menu-desktop{
    display:none;
    }
}
@media (min-width:768){
    .show-menu-mobile{
    display:none;
    }
}
.nav-ul{
    list-style: none;
    display: inline-flex;
    float: right;
    padding:0px;
    margin-right: 8%;

}
.main-nav{
    background:#a7150b;
    width:100%;
} 
/* .caret{
    display:none;
} */
.mobile-view{
    background:#a7150b;
}
nav#layout-nav .navbar-toggle .icon-bar {
    background-color: white;
}
@media (min-width: 768px){
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    display: none;
}}
@media (max-width: 767px){
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left:0px !important;
    height:55px !important;
    width:185px !important;
}}
.nav-ul li a{
    text-decoration: none;
}
#footer-1 a{
    text-decoration: none;
}
.banner{
/* --bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
 */    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
.p-0 {
    padding: 0px!important;
}
@media (min-width: 992px){
.col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
}
}
.col-md-12 {
    width: 100%;
}
@media (min-width: 768px){
.col-md-12 {
    flex: 0 0 auto;
    width: 50%;
}
}
.child{
    padding-right:0px;
    padding-left:0px;

}
a{
    color: black;
    text-decoration: none;
}
a:hover, a:focus {
    color: #23527c;
    text-decoration: none;
}
/* img:hover{
    webkit-filter: grayscale(100%);
    transition: all .3s ease;
    will-change: transform;    
} */
.custom-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0px;
    align-items: stretch;
    justify-items: center;
}
ul{
    list-style:none;
}
h2, .h2 {
    font-size: 25px;
}
h3, .h3 {
    font-size: 20px;
}
.grid-list{
    float: left;
    width: 29.33%;
    margin: 1% 3% 2% 0;
    height: 225px;
    overflow: hidden;
    position: relative;
}        
.content-image{
    width: 100%;
    height: 120px;
    text-align: center;
    padding: 10px 0px;
}
.content-list{
    position: absolute;
    bottom: 25px;
    width: 100%;
    height: 60px;
    text-align: center;

}
.wrapper{
    display: flex;
    flex-wrap: wrap;
    grid-template-columns:repeat(auto-fit,minmax(400px,1fr));
    grid-gap:5px;
}
.box{
    padding:10px;
}
.content{
    padding: 15px;
    text-align: center;
    margin-top: 20px;
    }
    
.outer-grid {
   display: flex;
   flex-wrap: wrap;
   padding: 0 4px;
}
.photo_post{
    overflow: hidden;
    width: 100%;
    height: 240px;
    position: relative
}
.inner-grid {
   flex: 33%;
   max-width: 33%;
   padding: 0 4px;
}
.inner-grid img {
   margin-top: 8px;
   width: 100%;
   /* height: 400px; */
   padding: 10px;
}
@media screen and (max-width: 800px) {
   .inner-grid {
      flex: 50%;
      max-width: 50%;
   }
}
@media screen and (max-width: 600px) {
   .inner-grid {
      flex: 100%;
      max-width: 100%;
   }
}    

/* .nav > li > a:active{
    color:#000 !important;

} */
ul li:hover ul.dropdown-menu{
        display: block;	/* Display the dropdown */
}
.articles-grid{
    float: left;
    width: 45%;
    margin: 1% 5% 0 0;
    height: auto;
    overflow: hidden;
    position: relative;
    min-height: 350px;    
}
@media (min-width: 992px){
.articles{
    width:32%;
}
.books{
    width:32%;
    height:570px;
}
.books-title{
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 600;    
}
.audio-grid{
    width:33%;
}
.news-events{
    width:50%;
    height:370px;
}
}
td{
    padding:5px;
}
.album-player{
    background: #C41E1E url('../themes/rainlab-bonjour/assets/images/ap_player.jpg') no-repeat scroll center center / auto 100%;
    height: 200px;
    width: 300px;
    /* max-width: 600px;
    width: 100%; */
    position: relative;
}
.video-image{
    width: 100%;
    height: 240px;
    position: relative;    
}
.video-image img{
    width: 100%;
    height: 100%;
    padding: 0px;    
}
.video-grid{
    float: left;
    width: 29.33%;
    margin: 1% 3% 2% 0;
    height: 225px;
    overflow: hidden;
    position: relative;    
}
.video-grid .video-list{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background:white;
    /* height: 60px;     */
}
@media (max-width: 400px){
.video-grid{
    width:100%;
    margin-left: 10px;

}
iframe{
    height:200px;
    width:100%;
    }
.audio-gallery{
    margin-top:20px;
}
}
@media (min-width: 800px){
.audio-gallery{
    padding-left: 0px;
    margin-top: 15px;
}
}
.photo-gallery .gal_img{
    float: left;
    width: 31.33%;
    margin: 0% 2% 2% 0;
    height: 200px;
    overflow: hidden;
    position: relative;    
}
.photo-gallery .gal_img img{
    width: 100%;
    height: 100%;
   /*  height: 200px; */
    object-fit: cover;
    padding: 0px;    
    max-width: 100%;

}
.magazine-post{
    padding:10px;    
}
.magazine{
    width: 100%;
    margin: 1% 2% 0 0;
    height: auto;
    overflow: hidden;
    position: relative;
    border-bottom: solid 1px #BC4352;
}
.magazine-image{
    width: 18%;
    height: 240px;
    position: relative;
    float: left;    
}
.magazine-image img{
    width: 180px;
    height: 220px;
    float: left;    
}
.magazine-text{
    margin-top: -15px;
    bottom: 0px;
    width: 100%;
    height: auto;    
}
@media (max-width:400px){
.magazine-text{
    clear:both;
    }
.photo-gallery .gal_img{
    width: 100%;
    
}
}


/* 26/11/2021 */
#testim-content .active
{
    background: none;

}
/* end 26/11/2021 */
/* carousel */
/* Slideshow container */
.slideshow-container {
  /* max-width: 700px; */
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* The dots/bullets/indicators */
/* .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}
 */

/* end carousel */

.custom-box{
    padding-right: 70px;
    padding-left: 70px;
    padding-bottom: 30px;
    padding-top: 30px;
    /* padding: 30px; */
    background: #fd580b;
    /* position : absolute; */
    color: #fff;
    width:324px;
    text-align:center;
   
}   
.custom-col
{
    display: inline-flex;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
    .img_ban
    {
        height:300px !important;
    }    
}
.img-fit
{
    width: 100%;
    object-fit: cover;
    min-height: 54vh;  
    max-height: 54vh
}
/* dec3 2021 */
.navbar-nav .active a, .navbar-nav .child-active a{
    /* background:white!important; */
    color:#e11109 !important;
}
.dropdown-menu > li > a 
{
    color: #e11109 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus
{
    background: #FFDD30 !important;
}
.dropdown-menu > li > a 
{
    padding: 15px 35px !important;
    margin: 5px 10px !important;
}
.navbar-nav > li:last-child
{
    background:#a7150b;
    background-image: url('../themes/rainlab-bonjour/assets/images/donation.png');
    padding-left: 0px;
    padding-right: 24px;
    background-repeat: no-repeat;
    background-position: right 10px top 13px;
}
/* Dec4 2021 */
@media (min-width: 992px){
    .map{
        width:54%;
    }
    .visit
    {
        width:40%;
        background-color: #a7150b;
        height: 450px;
    }
}
@media only screen and (max-width: 900px) {
    .map
    {
        width:100%;
        padding-left:10px;
        padding-right:10px;
    }
    .visit
    {
        width:100%;
        background-color: #a7150b;
    }
}
/* dec8 */
@media only screen and (max-width: 1366px) {
    .nav
    {
        width:100%;
    }
    .nav > li > a {
    padding: 20px 20px;
    }
}
/* dec 13 */
.side_img
{
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: right;
}
@media (min-width: 768px) and (max-width: 991px) {
    .img_ban
    {
        height:auto;
    }
    .moolamanthiram_img
    {
        width:100%;

    }
    .col-md-4 .row .side_img{
        height:100% !important;
    }
}
/* dec14 2021 */
@media (min-width: 992px){
.modal-lg {
    width: 450px;
}
}