#themeToggle {
  background-color: transparent; /* Make background color transparent */
  color: transparent; /* Make text color transparent */
  border: none; /* Remove the border */
}

body {
  background-color: white;
  background: linear-gradient(90deg, #f2f2f2 0%, #ffffff 50%, #f2f2f2 100%);
  color: #000000; /* Light text color */
}

/*
body.dark-mode .et_pb_section {
    background-color: #000000;
    background: linear-gradient(90deg, #070707 0%, #000000 50%,  #070707 100%) !important;
    transition: background-color 0.5s ease-in-out;
}
  */

/* Dark Mode Styles */
body.dark-mode {
  background: black !important; /* Fallback for non-gradient supporting browsers */
  background: linear-gradient(
    90deg,
    #070707 0%,
    #000000 50%,
    #070707 100%
  ) !important; /* Override gradient */
  transition: background-color 1.5s ease-in-out !important;
  transition: background 1.5s ease-in-out !important;
  color: #fff !important;
}

body.dark-mode p {
  color: white;
  transition: color 0.5s ease-in-out;
}

body .et_pb_text_95 {
  color: white !important;
}

/*
 *
 * CHAPTER HEADINGS
 *
 */

body.dark-mode .chapter-heading,
body.dark-mode .nav-bar {
  background-color: #0f0f0f !important;
  box-shadow: 0px 2px 18px 0px black;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

body.dark-mode .nav-bar {
  border-bottom: #202020 solid;
  transition: border-bottom 0.3s ease-in-out;
}

body .nav-bar {
  border-bottom-color: #b2b2b2;
  transition: border-bottom 0.3s ease-in-out;
}

body.dark-mode .dropdown-trigger {
  background-color: #1f1f1f;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

body.dark-mode .more-dots {
  color: #ffffff !important;
  transition: color 0.3s ease-in-out;
}

body.dark-mode .more-container {
  border: 1.5px solid white !important;
  transition: border 0.3s ease-in-out;
}

body.dark-mode .more-text {
  color: #ffffff !important;
  transition: color 0.3s ease-in-out;
}

body.dark-mode .dropdown-menu {
  background-color: #1f1f1f !important;
  border: 1px solid #393939 !important;
}

body.dark-mode .dropdown-title {
  color: #ffffff !important;
}

body.dark-mode .title {
  color: #ffffff !important;
}

body.dark-mode .subtitle {
  color: #b2b2b2 !important;
}

body.dark-mode .dropdown-image {
  box-shadow: 0px 3px 8px transparent !important;
}

body.dark-mode #moreMenu {
  background: #1f1f1f !important;
  border: 1px solid #3a3a3a !important;
}

body.dark-mode #moreMenu a {
  color: white !important;
}

body.dark-mode .dropdown-item:hover {
  background-color: #323232;
  border: 1.5px solid #515151 !important;
}

body.dark-mode .dropdown-loading-text {
  color: #fff !important;
}

body.dark-mode .spinner {
  border: 2px solid #ffffff !important;
  border-top: 2px solid transparent !important;
}

body.dark-mode .card-title {
  color: #fff !important;
}

body.dark-mode .card-container:hover {
  background-color: #323232 !important;
  border: 1.5px solid #515151 !important;
}

/* DARK MODE SOLID BACKGROUND FOR TOP SECTION - SMOOTH TRANSITION */
body.dark-mode .background {
  background-color: #000000 !important;
  transition: background-color 0.3s ease-in-out;
}

/* DARK MODE GRADIENT BACKGROUND FOR ALL SECTIONS - OVERWRITES BACKGROUND-COLOR CLASS IN HEADER CSS FILE*/
body.dark-mode .background-color {
  background-color: #000000 !important;
  background: linear-gradient(
    90deg,
    #070707 0%,
    #000000 50%,
    #070707 100%
  ) !important; /* Override gradient */
}

/* Colors for light mode. For smooth transition */
body .chapter-heading,
body .nav-bar,
body .background {
  background-color: white;
  transition: background-color 0.5s ease-in-out;
}

body.dark-mode .et_pb_section_0 {
  box-shadow: 0px 2px 18px 0px transparent;
  transition: box-shadow 0.1s ease-in-out;
}

/* body.dark-mode .et_pb_row_5,
body.dark-mode .et_pb_row_10,
body.dark-mode .et_pb_row_19,
body.dark-mode .et_pb_row_22,
body.dark-mode .et_pb_row_29,
body.dark-mode .et_pb_row_40,
body.dark-mode .et_pb_row_44,
body.dark-mode .et_pb_row_55 {
  box-shadow: 0px 2px 18px 0px black;
  transition: box-shadow 0.3s ease;
} */

body.dark-mode .et_pb_icon_0 .et_pb_icon_wrap .et-pb-icon {
  color: white !important;
  transition: color 0.5s ease-in-out;
}

/*
 *
 * HIGHLIGHTED / BOLDED WORD STYLES
 *
 */
body.dark-mode strong,
body.dark-mode h1 {
  color: #15aa91 !important; /* Override color for all <strong> elements in dark mode */
  transition: color 0.5s ease;
}

/* CHAPTER HEADINGS & "FRIEND" */
body.dark-mode .et_pb_text_1 h1,
body.dark-mode .et_pb_text_6 h1,
body.dark-mode .et_pb_text_12 h1,
body.dark-mode .et_pb_text_52 h1,
body.dark-mode .et_pb_text_64 h1,
body.dark-mode .et_pb_text_74 h1,
body.dark-mode .et_pb_text_65 h1 {
  color: #15aa91 !important;
}

body.dark-mode .et_pb_fullwidth_menu_0 .mobile_nav .mobile_menu_bar:before {
  color: #ffffff !important; /* Color for .mobile_menu_bar:before in dark mode */
  transition: color 1s ease-in-out;
}

body.dark-mode .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .nav li ul,
body.dark-mode .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .et_mobile_menu,
body.dark-mode .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .et_mobile_menu ul {
  background-color: #0f0f0f !important; /* Background color when hamburger menu is opened */
}

body.dark-mode .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .et_mobile_menu a {
  color: #ffffff !important; /* font color for hamburger menu items */
}

/*
  *
  * CONTENT / REFERENCE / DEEP DIVE BUTTONS
  *
 */
 body.dark-mode .et_pb_divimenus_flex_4 .dd-menu-item-content,
body.dark-mode .et_pb_divimenus_flex_item_4 .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_5
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_6
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_8
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_9
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_12
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_13
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_14
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_15
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_17
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode .et_pb_divimenus_flex_3 .dd-menu-item-content,
body.dark-mode .et_pb_divimenus_flex_5 .dd-menu-item-content,
body.dark-mode .et_pb_divimenus_flex_8 .dd-menu-item-content {
  background-color: #1f1f1f !important;
}

/*
  *
    * CONTENT / REFERENCE ACTIVE TAB DESIGN STYLES
  *
  */
body.dark-mode
  .et_pb_divimenus_flex_item_4
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active,
body.dark-mode
  .et_pb_divimenus_flex_item_4
  .dd-menu-flex-sub
  .dd-menu-item-content.dd-text:hover,
body.dark-mode
  .et_pb_divimenus_flex_item_5
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.hover,
body.dark-mode
  .et_pb_divimenus_flex_item_5
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active,
body.dark-mode
  .et_pb_divimenus_flex_item_5
  .dd-menu-flex-sub
  .dd-menu-item-content.dd-text:hover,
body.dark-mode
  .et_pb_divimenus_flex_item_7
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.hover,
body.dark-mode
  .et_pb_divimenus_flex_item_7
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active,
body.dark-mode
  .et_pb_divimenus_flex_item_7
  .dd-menu-flex-sub
  .dd-menu-item-content.dd-text:hover,
body.dark-mode
  .et_pb_divimenus_flex_item_8
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.hover,
body.dark-mode
  .et_pb_divimenus_flex_item_8
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active,
body.dark-mode
  .et_pb_divimenus_flex_item_8
  .dd-menu-flex-sub
  .dd-menu-item-content.dd-text:hover,
body.dark-mode
  .et_pb_divimenus_flex_item_11
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.hover,
body.dark-mode
  .et_pb_divimenus_flex_item_11
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active,
body.dark-mode
  .et_pb_divimenus_flex_item_11
  .dd-menu-flex-sub
  .dd-menu-item-content.dd-text:hover,
body.dark-mode
  .et_pb_divimenus_flex_item_12
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.hover,
body.dark-mode
  .et_pb_divimenus_flex_item_12
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active,
body.dark-mode
  .et_pb_divimenus_flex_item_12
  .dd-menu-flex-sub
  .dd-menu-item-content.dd-text:hover,
body.dark-mode
  .et_pb_divimenus_flex_item_13
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.hover,
body.dark-mode
  .et_pb_divimenus_flex_item_13
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active,
body.dark-mode
  .et_pb_divimenus_flex_item_13
  .dd-menu-flex-sub
  .dd-menu-item-content.dd-text:hover,
body.dark-mode
  .et_pb_divimenus_flex_item_14
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.hover,
body.dark-mode
  .et_pb_divimenus_flex_item_14
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active,
body.dark-mode
  .et_pb_divimenus_flex_item_14
  .dd-menu-flex-sub
  .dd-menu-item-content.dd-text:hover,
body.dark-mode
  .et_pb_divimenus_flex_item_16
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.hover,
body.dark-mode
  .et_pb_divimenus_flex_item_16
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active,
body.dark-mode
  .et_pb_divimenus_flex_item_16
  .dd-menu-flex-sub
  .dd-menu-item-content.dd-text:hover,
body.dark-mode
  .et_pb_divimenus_flex_item_17
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.hover,
body.dark-mode
  .et_pb_divimenus_flex_item_17
  .dd-mi-w
  .dd-mi
  .dd-menu-item-content.dd-text.active {
  background-color: white !important;
  color: black !important;
}

/*
  *
  * CONTENT / REFERENCE TOGGLES TEXT
  *
 */
body.dark-mode
  .et_pb_divimenus_flex_item_4
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_5
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_7
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_8
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_11
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_12
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_13
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_14
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_16
  .dd-mi
  .dd-menu-item-content.dd-text,
body.dark-mode
  .et_pb_divimenus_flex_item_17
  .dd-mi
  .dd-menu-item-content.dd-text {
  color: #ffffff !important;
}

/*
  *
  * NO DECISION BUTTON
  *
 */
body.dark-mode
  .et_pb_divimenus_flex_item_18
  .dd-mi
  .dd-menu-item-content.dd-text {
  color: white !important;
}

body.dark-mode .et_pb_divimenus_flex_item_18 .dd-mi .dd-menu-item-content {
  border-color: white !important;
}

/* End Menu Buttons */
body.dark-mode .button {
  background-color: white !important;
  color: black !important;
}

/*
  *
  * Border color for Foundational Verse & Prayer in dark mode & Verse Location
  *
  */

body.dark-mode .et_pb_text_46,
body.dark-mode .et_pb_text_68 {
  border-color: #15aa91 !important;
}

/* OPTIONS - DARK */
body.dark-mode .dsm_text_divider_0.dsm_text_divider .dsm-text-divider-header {
  color: white !important;
  transition: color 1s ease-in-out;
}

body.dark-mode .dsm_text_divider_0 .dsm-divider {
  border-top-color: white !important;
  transition: border-top-color 1s ease-in-out;
}

/* OPTIONS - Light */
body .dsm_text_divider_0.dsm_text_divider .dsm-text-divider-header {
  color: black;
  transition: color 1s ease-in-out;
}

body .dsm_text_divider_0 .dsm-divider {
  border-top-color: black;
  transition: border-top-color 1s ease-in-out;
}

body .et_pb_divimenus_flex_1 .dd-menu-item-content.dd-text {
  color: black;
  transition: color 1s ease-in-out;
}

/* OPTION BUTTONS - Dark */
body.dark-mode .et_pb_divimenus_flex_item_0 .dd-mi .dd-item-inner > img,
body.dark-mode .et_pb_divimenus_flex_item_1 .dd-mi .dd-item-inner > img,
body.dark-mode .et_pb_divimenus_flex_item_2 .dd-mi .dd-item-inner > img,
body.dark-mode .et_pb_divimenus_flex_item_3 .dd-mi .dd-item-inner > img {
  background-color: #1f1f1f !important;
  transition: background-color 1s ease-in-out;
}

/* OPTION BUTTONS - Light */
body .et_pb_divimenus_flex_item_0 .dd-mi .dd-item-inner > img,
body .et_pb_divimenus_flex_item_1 .dd-mi .dd-item-inner > img,
body .et_pb_divimenus_flex_item_2 .dd-mi .dd-item-inner > img,
body .et_pb_divimenus_flex_item_3 .dd-mi .dd-item-inner > img {
  background-color: black !important;
  transition: background-color 1s ease-in-out;
}

body.dark-mode .dsm_floating_multi_images_child_0 img,
body.dark-mode .dsm_floating_multi_images_child_1 img {
  box-shadow: 0px 12px 40px -6px transparent;
  transition: box-shadow 0.3s ease-in-out;
}

/* NO, IM NOT READY - POP UP */
body.dark-mode .et_pb_toggle_0.et_pb_toggle h5,
body.dark-mode .et_pb_toggle_1.et_pb_toggle h1.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_1.et_pb_toggle h2.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_1.et_pb_toggle h3.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_1.et_pb_toggle h4.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_1.et_pb_toggle h5,
body.dark-mode .et_pb_toggle_1.et_pb_toggle h6.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_2.et_pb_toggle h1.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_2.et_pb_toggle h2.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_2.et_pb_toggle h3.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_2.et_pb_toggle h4.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_2.et_pb_toggle h5,
body.dark-mode .et_pb_toggle_2.et_pb_toggle h6.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_3.et_pb_toggle h1.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_3.et_pb_toggle h2.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_3.et_pb_toggle h3.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_3.et_pb_toggle h4.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_3.et_pb_toggle h5,
body.dark-mode .et_pb_toggle_3.et_pb_toggle h6.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_4.et_pb_toggle h1.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_4.et_pb_toggle h2.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_4.et_pb_toggle h3.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_4.et_pb_toggle h4.et_pb_toggle_title,
body.dark-mode .et_pb_toggle_4.et_pb_toggle h5,
body.dark-mode .et_pb_toggle_4.et_pb_toggle h6.et_pb_toggle_title {
  color: white !important;
}

/* NO, IM NOT READY - OPEN TOGGLE TITLE TEXT */
body.dark-mode
  .et_pb_toggle_0.et_pb_toggle.et_pb_toggle_open
  h5.et_pb_toggle_title,
body.dark-mode
  .et_pb_toggle_1.et_pb_toggle.et_pb_toggle_open
  h5.et_pb_toggle_title,
body.dark-mode
  .et_pb_toggle_2.et_pb_toggle.et_pb_toggle_open
  h5.et_pb_toggle_title,
body.dark-mode
  .et_pb_toggle_3.et_pb_toggle.et_pb_toggle_open
  h5.et_pb_toggle_title,
body.dark-mode
  .et_pb_toggle_4.et_pb_toggle.et_pb_toggle_open
  h5.et_pb_toggle_title {
  color: white !important;
}

body.dark-mode .et_pb_module.et_pb_toggle_0.et_pb_toggle,
body.dark-mode .et_pb_module.et_pb_toggle_1.et_pb_toggle,
body.dark-mode .et_pb_module.et_pb_toggle_2.et_pb_toggle,
body.dark-mode .et_pb_module.et_pb_toggle_3.et_pb_toggle {
  border-bottom-color: rgb(71 71 71 / 80%);
}

/* JESUS LOVES YOU - TEXT IN NO IM NOT READY POP UP */
body.dark-mode .et_pb_text_64 h1 {
  color: white !important;
}