/*
// Theme Name : IDPMI Website Theme
// Created On : 4/15/2026
// Author : Joe Kustek
// Version : 1.9
// Description : Website Theme Designed for IDPMI - Iglesia de Dios
*/
/* custom styles */
/* Administration Custom Image Styles. */
/* Custom Colors Becasue Of Area Blocks */
/* Dark Backgrounds */

.jstyle-193 h5 {
  text-align: center;
  font-size: 18px!Important;
}

.jstyle-166 {
  text-align: center;

}
.jstyle-166 p {
  font-size: 30px;

}
.jstyle-166 .fa {
  font-size: 5rem;

}

.jstyle-165 .btn {
  width: 100%;
}
.j-form-wrapper h6 {
  font-family: OpenSans!Important;
  font-size: 20px;
}

.jstyle-137 h6 {
  font-family: OpenSans;
}
.post-sidebar h6 {
  font-family: OpenSans;
  font-size: 18px;
}

/* Overide to kill the last image on the administration page. */
/* Override - Prevent live-edit buttons from getting oval styles */


.page-class-19 .content-wrapper .cid-52 img {
  border-radius: 0 !important;
  width: auto !important;
  aspect-ratio: auto !important;
  object-fit: unset !important;
  object-position: unset !important;
  border: none !important;
}

.jstyle-80 h3 {
  color: #fff!Important;
}
.jstyle-80 h4 {
  color: #fff!Important;
}
.jstyle-80 p {
  color: #fff!Important;
}

.jstyle-107 h3 {
  color: #fff!Important;
}
.jstyle-107 h4 {
  color: #fff!Important;
}
.jstyle-107 p {
  color: #fff!Important;
}
/* White Backgrounds */
.jstyle-67 h3 {
  color: #000000!Important;
}
.jstyle-67 h4 {
  color: #484848!Important;
}
.jstyle-67 p {
  color: #2215A1!Important;
}

.page-class-19 .content-wrapper  img {
  border-radius: 50% !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  object-fit: cover !important;
  object-position: center top !important;
  border: 6px solid #d4af37 !important;
}

.page-class-19 .content-wrapper {
  text-align: center;
}
/* Administration Typography */
.page-class-19 .content-wrapper {
  text-align: center;
}

.page-class-19 .content-wrapper h3 {
  font-size: 26px!Important;
  text-transform: uppercase!Important;
}
.page-class-19 .content-wrapper h4 {
  font-size: 25px!Important;
  font-style: italic!Important;
  font-weight: bold;
}
.page-class-19 .content-wrapper p {
  font-size: 21px!Important;
  font-style: italic!Important;
  margin-bottom: -3px!Important;
}


@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');

.j-item h1 {
  font-family: 'Cinzel', serif !important;
  font-size: 2.2rem !important;
  color: #ffffff !important;
  line-height: 1.5 !important;
  text-align: center !important;
  letter-spacing: 2px !important;
  text-shadow:
    0 0 10px rgba(255, 220, 80, 1),
    0 0 30px rgba(255, 180, 0, 0.8),
    0 0 60px rgba(255, 140, 0, 0.5),
    2px 2px 8px rgba(0, 0, 0, 0.99) !important;
}




.jstyle-12 {
    margin-top: -10px ! Important;
    text-align: right;
}

/* The header area */

/* End of header area */


.jstyle-13 h5 {
  color: #0a2463 !important;
  text-shadow: none !important;
  font-size: 23px !important;
  font-weight: 600 !important;
}

#video {
    width: 100vw;
    height: auto;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
    filter: opacity(100%)!Important;
}


/* end of custom styles */
.site-top-header .container {
  max-width: 1375px!Important
}
.site-header .container {
  max-width: 1375px!Important
}
.navbar  {
  max-width: 1375px!Important
}
html {
  scroll-behavior: smooth;
}

.growth-header-wrapper {
/* background-image: linear-gradient(#2d1b69, #fff); */
}

/* Desktop Styles */
@media only screen and (min-width: 991px) {
  .jstyle-156 {
    margin-top: 100px;
  }
  .jstyle-153 {
    margin-top: 100px;
  }
  .jstyle-66 h1 {
    margin-left: -125px!Important;
    margin-bottom: 50px;
  }
  .carousel-inner {
    margin-top: 10px;
  }
  .site-logo img {
      width: 66%!Important;
      height: auto;
  }
  .content-wrapper {
    max-width: 1375px!Important;
    padding-left: 0px;
    padding-right: 0px;
}

    .jstyle-43 {
      margin-top: 150px;
    }
}

/* Mobile Styles */
@media only screen and (max-width: 991px) {

  .jvideotron-wrapper {
    height: auto !important;
    /* overflow: visible !important; */
  }


  .jstyle-54 {
    padding-right: 50px!Important;
  }
  .ul-wrapper .nav-item a:hover {
      font-size: 18px!Important;
      text-align: center!Important;
  }
  .ul-wrapper .nav-item a {
      font-size: 18px!Important;
      text-align: center!Important;
  }

  .carousel-inner h1 {
    display: none;
  }
  #j-carousel {
    margin-top: 15px;
  }

.content-wrapper  {
  text-align: center;
}

  .jstyle-12 {
      text-align: center!Important;
  }


  .nav-item a {
  color: #fff;
  }
  .nav-item a:hover {
  color: #fff;
  }
  .dropdown-menu a {
    color: #000;
  }
  .dropdown-menu a:hover {
    color: #000;
  }
  .mainnavigation {
    background: #000;
  }
}




#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #000;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #fff;
}

#myBtn:hover {
  background-color: #555;
}

@media only screen and (max-width: 991px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    max-width: 100%!Important;
    flex: none;
  }
  #myBtn {
    display: none!Important;
  }
  #ml-ul {
    text-align: center;
  }

}





/* Delay the dropdown appearance and disappearance on desktop */
@media (min-width: 992px) {
  .mainnavigation .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    margin-top: 0;
  }

  .mainnavigation .dropdown-menu.show-delayed {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }
}



/* Calendar plugin scroll fix attempt. */

/* 1. Remove the scrollbars and let the height be defined by the content */
#calendar .fc-scroller {
    height: auto !important;
    overflow: visible !important;
}

/* 2. Target the specific harness that usually holds the fixed height */
#calendar .fc-view-harness {
    height: auto !important;
    min-height: 900px; /* Adjust this value if you want a minimum height */
}

/* 3. Ensure the table itself expands */
#calendar .fc-scrollgrid-sync-table {
    height: auto !important;
}







/* --- FINAL AI BOT FIX --- */

/* 1. Ensure the Scroll to Top button completely vacates the area when hidden */
#myBtn[style*="display: none"] {
  display: none !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* 2. Force the specific AI Bot launcher to the front */
#ch-launcher {
  z-index: 99999 !important;
  pointer-events: auto !important;
  position: fixed !important; /* Ensures z-index is respected */
}

/* 3. If the bot window also needs to stay on top when opened */
#ch-window-container, #ch-chat-window {
  z-index: 99999 !important;
}




/* Override - Prevent live-edit buttons from getting oval styles */
.page-class-19 .content-wrapper .live-edit img,
.page-class-19 .live-edit img,
.live-edit img {
  border-radius: 0 !important;
  width: auto !important;
  aspect-ratio: auto !important;
  object-fit: unset !important;
  object-position: unset !important;
  border: none !important;
}