/*footer.footer {
     color: #a9a9ab  !important; 
     background-color: #20212b !important; 
     padding: 60px 0  !important; 
}*/

.footer-menu{
	display: block !important; 
	margin-top: 0px !important; 
}

ul.footer-menu{
	list-style-type: none !important; 
}

.footer-menu__link{
	/*display: block !important; */
}

footer.footer--front_3 .footer-menu {
    padding-top: 10px !important;
    padding-left: 8px !important;

}

.footer_date{
	color: #ff6600; /*#efc940;*/
}

.footer_recent_post{
	margin-bottom: 25px !important;
}

.fa_icon_color{
	color: #ff6600 /*#efc940;*/
}

.left_slider_text{
	position: absolute; 
	top:150px; 
	left:100px; 
	border:1px solid green;
	/*width: 50%*/
}

.right_slider_text{
	position: absolute; 
	top:150px; 
	right:300px; 
	border:2px solid brown;
	/*width: 50%*/
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 120px !important;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    border:0px solid brown;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 130px !important;
    color: #efc940 !important;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
    .carousel {
        position: relative;
        top: 40px !important;
        z-index: 4;
    }

    .carousel-caption{
        position: absolute;
        right: 15%;
        top: 20px !important;
        left: 5%;
        z-index: 1;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        border: 0px solid brown;
    }

    .carousel-caption h2{
        font-size: 18px !important;
    }

    .button {
        display: inline-block;
        color: #333;
        font-size: 8px !important;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
         padding: 4px 10px !important;
        border-radius: 50px;
        min-width: 10px !important;
        letter-spacing: .050em;
        text-decoration: none;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
}

/*.carousel .carousel-item{
    height: 760px;
}

.carousel-item img{
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    min-height: 100px !important;

}*/

#gotoTop {
    display: none;
    z-index: 599;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #333;
    background-color: rgba(0, 0, 0, .3);
    font-size: 1.75rem;
    line-height: 36px;
    text-align: center;
    color: #fff;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 2px
}

body:not(.device-touch) #gotoTop {
    transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear
}

.stretched #gotoTop {
    bottom: 30px
}

#gotoTop:hover {
    background-color: #1abc9c
}

img#aboutimg.img--bg {
     position: relative !important;
    top: 0; 
    left: 0; 
    width: 100%;
    /* height: 100%; */
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
     object-position: top center; 
    /* font-family: "object-fit: cover; object-position: top center"; */
    z-index: -1;
}

/******** Directors Area ***********/
.team-area {
    background: #FFFFFF; /*#F5F5F5;*/
    padding: 80px 0;
}
.team-details {
    padding: 21px 0 0;
}
.team-details span.name {
    display: block;
    font-size: 1.2em;
    margin-bottom: 0.2em;
}
.team-details span.member-role {
    display: block;
    font-size: 0.9em;
    margin-bottom: 1em;
    opacity: 0.5;
}
.team-details p {
    border-top: 1px solid rgba(241, 75, 81, 0.3);
    padding: 10px 0 0;
}
.single-team {
    text-align: center;
}


/******** TOP RIGHT BUTTON ***********/
.button--squared {
    background-color: #ff6600 !important;
    color: #fff !important;

}

.button:hover {
    color: #fff !important;
}

/**************** Drop down menu ****************/
.main-menu__sub-list {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: -35px;
    width: 235px;
    padding: 35px;
    background-color: /*#BD392C*/ #ff6600 !important;

}

.main-menu__sub-list::before {
    content: "";
    display: inline-block;
    border: 15px solid transparent;
    border-top: 20px solid #ff6600 !important;
    position: absolute;
    top: -15px;
    left: 40px;
    -webkit-transform: rotate(
-45deg
);
    -ms-transform: rotate(-90deg);
    transform: rotate(
-45deg
);
}

.main-menu__item .main-menu__link::before {
    content: "";
    display: block;
    height: 3px;
    width: 0%;
    background: #ff6600 !important; /*#efc940;*/
    position: absolute;
    top: 2px;
    left: 0;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
.main-menu__sub-list li a::after {
    content: "";
    display: block;
    width: 0%;
    height: 2px;
    background-color: #ff6600 !important; /*#efc940;*/
    margin-top: 4px;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
/*.main-menu__sub-list  li a{
    color: #fff !important;
}*/
#page-title {
    position: relative;
    padding: 2rem 0;
    background-color: #f9f7f6;
    border-bottom: 1px solid #eee;
}

#sectionpadding{
    padding: 10px 0 !important; 
}

#azbook a:link{
    text-decoration: none !important;
}

#azbook a:hover{
    text-decoration: underline !important;
}

/*************** Gallery Page CSS ******************/
/* CSS used here will be applied after bootstrap.css */
.ekko-lightbox-nav-overlay a {
    color: goldenrod;
}
.gallery-title {
    text-align: center;
    font-weight: 500;
    border-bottom: 1px dotted orange;
    margin-top: 1em;
}

.ekko-lightbox-nav-overlay a:focus,.ekko-lightbox-nav-overlay a>:focus{outline:0}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;width:100%;transition:opacity .5s ease-in-out;opacity:1}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
/*# sourceMappingURL=ekko-lightbox.min.css.map */

/************** End Gallery Page CSS *****************/

.aims p::first-line{
    /*font-weight: bold;*/

}

.aims{
    display: block;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
    box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%);
    transition: box-shadow .4s,-webkit-box-shadow .4s;
    padding:20px;
    margin-bottom: 10px;
}

.aims:hover {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.3);
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.3);
}

#lastbox {
    border-radius: 0 0 100px 100px ;
}

#firstbox{
    border-radius:  0 0 100px 100px;
}

#middlebox{
    border-radius:  0 0 100px 100px;
}

@media only screen and (max-width: 768px) {
    #lastbox {
        border-radius: 0px;
    }

    #firstbox{
        border-radius:  0px;
    }

    #middlebox{
        border-radius:  0px;
    }

    .promo-slider__title{
        width:130px !important;
        
    }
    #slidertitle h2{
        font-size: 14px !important;
    }
}

#contactusform a:link{
    text-decoration: none;
}

.modal-header h4{
    font-size: 12px !important;
}

.blog-item__img::before {
    content: "";
    display: block;
    padding-top: 0 !important;
}

@media only screen and (max-width: 768px) {
  #welcome_img {
    visibility: hidden;
    /*clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;*/
    display: none;
  }
  
}

#blogreadmore{
    text-decoration: none;
    color: #AD4D83;
}

#blogreadmore:hover {
    text-decoration: none;
    color: #ff6600;
}

/********************** Blog Page header ***********************/
.mypage-header {
    position: relative;
    z-index: 1;
    padding-top: 100px;
    padding-bottom: 72px;
    background-size: cover !important;
}

.blogs-page .mypage-header {
    background: url(../images/headerbg.png) no-repeat center;
}

.prayers-page .mypage-header {
    background: url(../images/prayerheaderbg.png) no-repeat center;
}

.news-page .mypage-header {
    background: url(../images/newsheaderbg.png) no-repeat center;
}

.volunteering-page .mypage-header {
    background: url(../images/volunteering3.png) no-repeat center;
    height: 370px;
}

.shareyourstory-page .mypage-header {
    background: url(../images/sharestory.png) no-repeat center;
    height: 370px;
}

.mypage-header h1 {
    position: relative;
    padding-bottom: 24px;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}

.mypage-header h1::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: #ff6600;
}

.mypage-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(173,77,131,.4);
}

.thereadmore {
text-decoration: none;
color: #AD4D83;
}

.topbg{
    background-color: /*#AD4D83 rgba(173, 77, 131, 0.5) #D6A6C1*/ #ffffff !important;
    color: #003434 !important;
}

.topbg ul li a{
   /* color: #003434 !important;*/
    font-weight: bolder;
}

.blockquote__icon{
    display: none !important;
}

#theform input, #theform select, #theform textarea, #theform .form-check-input{
    border: 1px solid rgba(241, 75, 81, 0.2);
    background-color: rgba(221, 221, 221, 0.4);
}

.project_item_img_div{
    overflow: hidden; 
    height: 255px; 
    border: 0px solid green;
}

.banner-image{
    background-image: url('../images/topbanner3.jpg'); 
    height: 400px; 
    background-repeat: no-repeat; 
    background-size: cover;
}

@media only screen and (max-width: 768px) {
/* for mobile phones*/
    .project_item_img_div{
        overflow: none; 
        height: auto; 
        border: 0px solid green;
    }

    .banner-image{
        background-image: url('../images/topbanner3.jpg'); 
        height: 350px; 
        background-repeat: no-repeat; 
        background-size: 100% 70%;
        background-position: bottom;
    }
    #the-page-title{
        margin-top: 70px;
    }
}

.footer h4{
    color: #babbd7;
}