body{font-family: 'Poppins','Noto Sans Malayalam','Noto Sans', sans-serif !important; font-size-adjust: 0.5 !important;}
a, a:hover{text-decoration: none !important;}
.logo{max-height: 50px}
nav .nav-link{font-size: 14px; font-weight: 500; text-align: center;}
nav .nav-link img{max-height: 25px; display: block; margin: auto; margin-bottom: 4px}
nav .nav-item{margin-left: 15px}
section{overflow: hidden;}
strong{font-weight:600 !important }
.text-danger{color: #db366c;}
.btn-danger{background-color: #db366c;}
.bg-danger{background-color: #db366c !important;}
.sticky-top{border-bottom: 1px solid #eee}
.bg-beige{background-color: #f0e0d1}
.text-beige{color: #e5b586}
.top-icon{font-size: 17px !important}



.sub-menu{ margin-top:105px; min-height: 350px}
.offcanvas-backdrop.show { opacity: .0; margin-top:105px; }
.sub-menu a{color: #444; text-decoration: none; margin: 4px 6px; width: 32%; line-height: 48px; border:1px solid #eee; 
  border-radius: 12px; background-color: #fff}
.sub-menu a:hover{color: #db366c; background-color: #f6f6f6;}
.sub-menu img {max-height: 35px}
.sub-menu .offcanvas-body img {max-height: 25px; margin-top: 10px}
.sub-menu-large {height:inherit !important; overflow-y: visible !important; background: #fff }
.sub-menu-large .offcanvas-body{max-height: 75vh; overflow: auto;}
.sub-menu .border-bottom{border-bottom-color: #eee !important}

.sub-menu-large a{color: #444; text-decoration: none; margin: 4px 6px; width: 32%; line-height: 110%; min-height: 50px; border:1px solid #eee;   border-radius: 12px; background-color: #fff; position: relative; font-size: 15px}

.sub-menu-large a .link-text{position: absolute; top: 50%; left: 55px;  transform: translate(0%, -50%);}

/*.sub-menu{ margin-top:105px; min-height: 350px}*/
/*.offcanvas-backdrop.show { opacity: .0; margin-top:105px; }b*/
/*.sub-menu a{*/
/*  color: #444;*/
/*  text-decoration: none;*/
/*  margin: 4px 6px;*/
/*  width: 32%;*/
  /* line-height: 48px; */
/*  padding: 8px 12px;*/
/*  border:1px solid #eee;*/
/*  border-radius: 12px;*/
/*  background-color: #fff*/
/*  }*/
/*.sub-menu a:hover{color: #db366c; background-color: #f6f6f6;}*/
/*.sub-menu img {max-height: 35px}*/
/*.sub-menu .offcanvas-body img {max-height: 25px;margin-top: 0px;}*/
/*.sub-menu-large {height:inherit !important; overflow-y: visible !important; background: #fff }*/
/*.sub-menu-large .offcanvas-body{max-height: 75vh; overflow: auto;}*/
/*.sub-menu .border-bottom{border-bottom-color: #eee !important}*/

.banner1{min-height:72vh; background-image:url('bg-banner1.jpg'); background-size:cover; background-position:top right;}
.banner2{min-height:72vh; background-image:url('bg-banner2.jpg'); background-size:cover; background-position:top right;}
.banner3{min-height:72vh; background-image:url('bg-banner3.jpg'); background-size:cover; background-position:top right;}
.big-head{font-size: 4.5rem; line-height: 4rem}
.student-tab .nav-link{color: #666 !important;padding: 5px 12px;border: none !important;border-radius:0px;font-size: 14px;font-weight: 600;}
.student-tab li{white-space:nowrap; float: left;}
.student-tab .active{color: #db366c !important; border-bottom: 4px solid #db366c !important; background: transparent !important; }
.news-tabs h6{font-weight: 600; font-size: 18px; line-height: 1.6rem}
.news-date{position: absolute; bottom: 0; left: 0; background-color: #db366c; padding: 6px 12px; color: #fff; border-top-right-radius: 10px;}
.two-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; min-height: 50px}
.three-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.bg-video{background-image:url('bg-video.jpg'); background-size:cover; background-position:center center;}
.bg-video2{background-image:url('bg-video2.jpg'); background-size:cover; background-position:center center;}
.bg-audio{background-image:url('bg-audio.jpg'); background-size:cover; background-position:center center;}
.social a{width:45px; height:45px; line-height:45px; border:1px solid #db366c;  border-radius:50%; background: #fff; color:#db366c !important;
     font-size:20px; text-align:center; display:inline-block;}
.social a:hover{color:#fff !important; background: #db366c;}
#footer{background: #f4f4f4 !important}

.link-icons .material-symbols-outlined{font-size: 48px}
.bg-birthday{background-image:url('bg-birthday.jpg'); background-size:cover; background-position:top center; padding: 20px;
padding-top: 35%; line-height: 1.1rem}
.birthday-date{line-height: 1rem}
*:focus {outline: none !important;box-shadow: none !important;}
.obi{position: absolute; left: 0; bottom: -60px}
.obi2{position: absolute; right: 0; bottom: -10px; width:60%;}
.obi-item{font-size: 14px}
.obi-item h5{font-size: 18px}

.choose.in-view{animation: slideInUp 2s ease;}
.banner-wrap{height: 72vh; width: 100%; overflow: hidden;}

/*.banner-wrap{height: 72vh; width: 100%; overflow: hidden; background-image:url('banner-bg.jpg'); background-size:cover; background-position:top center;}*/
.banner-overlay{position: absolute; left:0; top:0; width:100%; height:100%; 
  background-image: linear-gradient(45deg, rgba(15,6,121,0.4), rgba(15,6,121,0)); z-index: 90}
video {position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0px;}
.banner-img{position: absolute; right: 0; top: 0; width: 100%; z-index: 99; text-align: right; overflow: hidden;}
.banner-img img{ width: 58%; height: auto;}
.banner-text{position: absolute; left: 5%; top: 5%; z-index: 100; width: 40%; text-shadow: 1px 1px 20px rgba(0,0,0,0.4); }

.bg-brown{background:#9d6118 !important }
.text-brown{color:#9d6118 !important }
.lg-hide{display: none;}
.update-pink{position: absolute; z-index: 10}

.bg-vio{background-color: #e7eaff !important;}
.bg-pink{background-color: #ffdef1 !important;}
.bg-green{background-color: #e8ffc6 !important;}
.bg-yellow{background-color: #fff3c8 !important;}
.bg-info{background-color: #d1ecf1 !important;}

.bg-inner{background-image:url('inner.jpg'); background-size:cover; background-position:center center;}
.foranes .h-100{position: relative;overflow: hidden;/* min-height: 460px; */font-size: 15px;}
/*.foranes .h-100{position: relative;overflow: hidden;min-height: 460px;font-size: 15px;}*/
.foranes .action-links{position: absolute; bottom: 0; left:0; width: 100%}
.priests .p-details {font-size: 14px}
.priests  .material-symbols-outlined {font-size: 18px !important; margin-top: 2px}
.priests .h-100{position: relative; overflow: hidden;}
/*.priest-bg{background-image:url('id-bg.jpg'); background-repeat:repeat; height: 20px}*/
.priest-bg{/* background-image:url('../img/id-bg.jpg'); */background-color: #6350a8;background-repeat:repeat;height: 20px}
.id-dash{width:60px; height:15px; top:-5px; left:47%; background: #fff}

.p-service{max-height: 175px;  overflow: auto;}

.pope-bg{background-image: linear-gradient(#fff4ed, #ffe3c6);}
.pop-link-item{background:#fcf6f3; font-weight: 600; text-align: left; line-height: 50px }
.pop-link-item div{line-height: 24px !important}
.pop-link-item img{max-height: 50px}
.bishop-links a span{
  font-size: 36px !important; 
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24 !important}
.bishop-links a:hover, .priests a:hover, .foranes .h-100:hover{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175);}
.program-date{line-height: 1.15rem}

.text-white{color: #fff!important}

::-webkit-scrollbar { width: 5px; border-radius: 4px}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #ccc;}
::-webkit-scrollbar-thumb:hover {background: #555;}

.time-dash {position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%); width:30px; height:15px; }
.former-post{font-size: 14px}

#administration .card{overflow: hidden;}
.news h6{font-weight: 600}

.form-floating .form-textarea{height: auto !important;}

.make-me-sticky { position: -webkit-sticky; position: sticky;}
.sidebar-item {position: absolute;top: 0;left: 0;width: 100%;}

#saintsSm img{width: 100%}
.one-line {    display: block;
    padding-right: 15px;    text-overflow: ellipsis;
    overflow: hidden;    white-space: nowrap;
}


.font-weight-bold {font-weight: 600 !important;}

@media only screen and (max-width: 1400px) {
  .banner-wrap{height: 450px; overflow: hidden; scrollbar-width: thin;}
  .big-head{font-size: 3.5rem; line-height: 3.5rem}
  .banner-wrap .sm-hide{display: none;}
  .sub-menu{min-height: 350px;}
  #mApost a {width: 48% !important}
}


@media only screen and (max-width: 1024px) {
  .banner-wrap{height: 400px; overflow: hidden;}
  .banner-wrap .sm-hide{display: none;}
  .banner-text{top:12%;}
  .banner-img img{ width: 60%; height: auto;}
  .big-head{font-size: 3rem; line-height: 3rem}
  .sub-menu a {width: 48%}
  .sub-menu{ min-height: 32vh}
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .sub-menu{ min-height: 55vh}
  }

@media (min-width: 620px) and (max-width: 850px) {
  .sm-hide{display: none;}
  .lg-hide{display: inline-block;}
   .banner-wrap{height: 400px; overflow: hidden;}
  .banner-wrap .sm-hide{display: block;}  .banner-img{ text-align: center;}
  .banner-img img{ width: 90%; height: auto;}  .banner-text{width: 100%; top:5%; left: 0; text-align: center; padding: 20px; }
  .banner-overlay{background-image: linear-gradient(0deg, rgba(15,6,121,0), rgba(15,6,121,.5));} 
  .navbar{padding-top: 6px !important; padding-bottom: 6px !important;}
   .navbar-nav{display: block;}
  .navbar-nav .nav-item {width: 20.9%; float: left; margin: 15px; padding:15px 0; 
    border-radius: 12px; border:1px solid #ddd; display: block !important}
  .sub-menu a {width: 48%}
  .sub-menu{ min-height: 38vh}
}
@media only screen and (max-width: 600px) {
  .logo{max-height: 40px}
  .lg-hide{display: inline-block;}
  .sm-hide{display: none;}
  .big-head{font-size: 2rem; line-height: 2.2rem}
  .banner-wrap{height: 400px; overflow: hidden; position: relative !important;}
  .banner-img{position: relative; right: 0; bottom: 0; height: 100%; z-index: 99; overflow: hidden; text-align: center;} 
  .banner-img img{ min-width:380px; margin-top: 140px; transform: translate(-50%, 0%); position: absolute; bottom: 0}
  .banner-text{width: 100%; top:auto; bottom:5%; left: 0; text-align: center; padding: 20px; } 
  .banner-overlay{background-image: linear-gradient(0deg, rgba(15,6,121,0), rgba(15,6,121,.5));}
  .navbar{padding-top: 6px !important; padding-bottom: 6px !important;}
  nav .nav-link{font-size: 20px; font-weight: 500; text-align: left; padding-left: 15px; border-radius: 1rem; width: 97%;}
	nav .nav-link img{max-height: 25px; display: block; margin-bottom: 4px; margin-right: 20px; float:left }
  .navbar-nav{min-height: 92vh; padding-top: 30px}
  nav .nav-item{margin-left: 0px; padding-left: 15px;}
  .sub-menu a{width: 98%;}
  .sub-menu{ margin-top:88px; min-height: 87vh}
  .priests a button {width: 100%}

}




.loading {
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .loading__text {
      font-weight: 500;
      font-size: 18px;
      color: #777
    }

    .loading__bar {
      position: relative;
      height: 4px;
      width: 320px;
      background-color: rgb(160, 160, 160);
      border-radius: 2em;
      overflow: hidden;
    }

    .loading__bar::after {
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      width: 50%;
      height: 100%;
      background: linear-gradient(90deg, #fff5, rgba(240, 240, 240, 0.891));
      animation: loading-animation 1.3s infinite;
      border-radius: 1em;
    }

    @keyframes loading-animation {
      0% {
        left: -50%;
      }

      100% {
        left: 150%;
      }
    }