/**
 * Menu Dropdown Fix
 *
 * All custom CSS related to the site navigation menu.
 * Migrated from Customizer Additional CSS + dropdown fix.
 */


   1. DROPDOWN FIX — Standard (non-mega) submenus
   ================================================================ */

/* ── Dropdown container ────────────────────────── */
.pp-advanced-menu-horizontal > li.menu-default-item > ul.sub-menu {
	padding: 10px 0 !important;
	min-width: 240px;
	border-radius: 8px;
}

/* ── Dropdown links ────────────────────────────── */
.pp-advanced-menu-horizontal > li.menu-default-item > ul.sub-menu > li > a,
.pp-advanced-menu-horizontal > li.members-menu > ul.sub-menu > li > a {
	display: block !important;
	padding: 10px 20px !important;
	margin: 0 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	color: #333 !important;
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* ── Hover / focus state ───────────────────────── */
.pp-advanced-menu-horizontal > li.menu-default-item > ul.sub-menu > li > a:hover,
.pp-advanced-menu-horizontal > li.menu-default-item > ul.sub-menu > li > a:focus,
.pp-advanced-menu-horizontal > li.members-menu > ul.sub-menu > li > a:hover,
.pp-advanced-menu-horizontal > li.members-menu > ul.sub-menu > li > a:focus {
	background-color: #207385 !important;
	color: #fff !important;
}

/* ── Item separator ────────────────────────────── */
.pp-advanced-menu-horizontal > li.menu-default-item > ul.sub-menu > li + li,
.pp-advanced-menu-horizontal > li.members-menu > ul.sub-menu > li + li {
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}


   3. STICKY HEADER — (was Customizer lines 337-339)
   ================================================================ */

.bhf-sticky-header .bhf-fixed {
	box-shadow: none !important;
}


   4. BB HEADER — (was Customizer lines 803-812)
   ================================================================ */

/* BB Header */
body:not(.home) .fl-node-ix1uost9qgd7 .fl-builder-bottom-edge-layer>* {
	display: none;
}

body:not(.home) .fl-node-8t7kchmbzoa3 svg.pp-tilt-right {
	fill: #207385 !important;
}


   5. MEGA MENU — (was Customizer lines 814-1237)
   ================================================================ */

/**** Mega Menu ****/

/* Slide down effect */
.mega-menu.menu-want-to>ul.sub-menu {
	display: flex !important;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(-10px);
	transition: max-height 0.4s ease-out,
		opacity 0.3s ease-out,
		transform 0.3s ease-out,
		padding 0.3s ease-out,
		visibility 0s 0.3s;
	padding-top: 0;
	padding-bottom: 0;
	width: 1424px !important;
	visibility: hidden;
	will-change: transform, opacity, max-height;
}

.mega-menu.menu-want-to>ul.sub-menu li,
.mega-menu.menu-want-to>ul.sub-menu .mega-menu-column {
	opacity: 0;
	transform: translateY(-5px);
	transition: opacity 0.25s ease-out,
		transform 0.25s ease-out;
}

.mega-menu.menu-want-to.focus>ul.sub-menu,
.mega-menu.menu-want-to:hover>ul.sub-menu {
	max-height: 500px;
	opacity: 1;
	transform: translateY(0);
	padding-top: 10px;
	padding-bottom: 10px;
	visibility: visible;
	transition: max-height 0.4s ease-in,
		opacity 0.3s ease-in,
		transform 0.3s ease-in,
		padding 0.3s ease-in,
		visibility 0s;
}

.mega-menu.menu-want-to.focus>ul.sub-menu li,
.mega-menu.menu-want-to.focus>ul.sub-menu .mega-menu-column,
.mega-menu.menu-want-to:hover>ul.sub-menu li,
.mega-menu.menu-want-to:hover>ul.sub-menu .mega-menu-column {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.3s ease-in 0.05s,
		transform 0.3s ease-in 0.05s;
}

.mega-menu.menu-want-to>.pp-has-submenu-container {
	position: relative;
	z-index: 2;
}

/* END: Slide down effect */

li.mega-menu-column span.menu-item-text:hover {
	color: #207385;
}

.menu-want-to .sub-menu {
	margin-top: 39px !important;
}

.menu-want-to .sub-menu .mega-menu-column .sub-menu {
	margin-top: 0 !important;
}

.pp-advanced-menu-horizontal li.mega-menu>ul.sub-menu {
	top: 91px !important;
	padding: 30px 20px;
	background-color: #f5f9ff;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
}

ul.pp-advanced-menu-horizontal li.mega-menu>ul.sub-menu {
	padding: 25px 100px !important;
}

li.mega-menu > ul.sub-menu.focus {
	width: 100% !important;
	display: flex !important;
	justify-content: space-between;
}

.mega-menu-column {
	flex: 1;
	padding: 0 15px;
	display: block;
}

.mega-menu-column.heading-column1,
.mega-menu-column.heading-column2,
.mega-menu-column.heading-column3 {
	width: 33.33%;
}

.pp-advanced-menu-horizontal li.mega-menu>ul.sub-menu li a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 15px !important;
	text-decoration: none;
	font-weight: 500;
	font-size: 18px;
	color: #333;
	padding: 12px 0;
	transition: all 0.3s ease;
}

.pp-advanced-menu-horizontal li.mega-menu>ul.sub-menu li a span.menu-item-text {
	white-space: nowrap;
}

.pp-advanced-menu-horizontal li.mega-menu>ul.sub-menu li a::before,
.pp-menu-overlay .menu-item a::before {
	content: "";
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.pp-advanced-menu-horizontal li.mega-menu>ul.sub-menu li a::before {
	width: 60px;
	height: 60px;
	min-width: 60px;
}


.menu-want-to {
	display: flex;
	align-items: center;
}

.menu-want-to a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0px;
}

.menu-want-to div a span {
	font-size: 0;
	background-image: url('/wp-content/uploads/2024/11/Screenshot81.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	height: 130px;
	width: 130px;
	position: absolute;
	right: 0;
}

.members-menu-kairos a::before,
.members-menu-login a::before {
	background-image: url('/wp-content/uploads/2024/11/btf-width200.png');
}

.listen-to-podcast a::before {
	background-image: url('/wp-content/uploads/2025/02/listen-to-podcast.png');
}

.write-a-book a::before {
	background-image: url('/wp-content/uploads/2025/02/write-a-book.png');
}

.tv-episode a::before {
	background-image: url('/wp-content/uploads/2025/03/tv-episode.png');
}

.daily-devotional a::before {
	background-image: url('/wp-content/uploads/2025/03/daily-devotional.png');
}

.try-new-recipe a::before {
	background-image: url('/wp-content/uploads/2025/03/try-new-recipe.png');
}

.be-a-guest a::before {
	background-image: url('/wp-content/uploads/2025/03/be-a-guest.png');
}

.share-my-book a::before {
	background-image: url('/wp-content/uploads/2025/03/share-my-book.png');
}

.join-aim a::before {
	background-image: url('/wp-content/uploads/2025/03/join-aim.png');
}

.join-kairos a::before {
	background-image: url('/wp-content/uploads/2025/03/join-kairos.png');
}

li#menu-item-10592 {
	margin-left: 0;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {

	.menu-btf {
		display: none !important;
	}
	.fl-module.fl-module-pp-advanced-menu.fl-node-djwg249lvy0i {
		margin-left: 5px;
	}
	 li#menu-item-10587 {
		margin-left: 0;
	}
	.pp-advanced-menu .pp-advanced-menu-horizontal {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center;
	}
	.pp-advanced-menu-horizontal > li {
		flex-shrink: 1;
		white-space: nowrap;
	}
}

@media screen and (min-width: 768px) {
	.fl-module.fl-module-pp-advanced-menu.fl-node-djwg249lvy0i {
		margin-left: 40px;
	}

	li#menu-item-10587 {
		margin-left: 25px;
	}
}

@media screen and (max-width: 768px) {

	.menu-want-to .sub-menu {
		margin-top: 0 !important;
	}

	#menu-mobile-menu-v5-1 .menu-default-item {
		margin-left: -78px !important;
	}

	#menu-mobile-menu-v5-1 .menu-want-to .sub-menu .menu-item-text {
		height: 100% !important;
		width: 100% !important;
		text-transform: none !important;
		font-size: 14px;
	}

	#menu-mobile-menu-v5-1 .menu-want-to .menu-item-text {
		height: 100% !important;
		width: 90px !important;
		left: 0 !important;
		bottom: 0 !important;
	}

	.heading-column1 {
		padding-top: 10px !important;
	}

	.heading-column3 {
		padding-bottom: 10px !important;
	}

	.pp-menu-overlay .sub-menu {
		padding: 0 !important;
	}

	.mega-menu-item {
		margin: 12px !important;
	}

	.menu-want-to span.pp-menu-toggle {
		display: none !important;
	}


	.pp-menu-overlay {
		background-color: #f5f9ff !important;
	}

	.pp-menu-overlay .menu-item a {
		display: flex !important;
		align-items: center !important;
		padding: 12px 15px !important;
		font-size: 16px !important;
		color: #333 !important;
		gap: 15px !important;
	}

	.pp-menu-overlay .menu-item-text {
		white-space: normal !important;
		width: auto !important;
	}

	.pp-menu-overlay .menu-item a::before {
		display: inline-block !important;
		width: 45px !important;
		height: 45px !important;
		min-width: 45px !important;
	}

	li.mega-menu > ul.sub-menu.focus {
		flex-direction: column;
	}

	.mega-menu-column {
		width: 100% !important;
		margin-bottom: 15px;
	}

	.pp-advanced-menu-horizontal li.mega-menu>ul.sub-menu li a::before {
		width: 45px;
		height: 45px;
		min-width: 45px;
	}

	.pp-advanced-menu-horizontal li.mega-menu>ul.sub-menu li a {
		font-size: 16px;
	}

	.tvshow-row .pp-row-separator-bottom {
		z-index: 1;
	}

	.header-logo .pp-photo-container .pp-photo-align-left {
		text-align: center !important;
	}

	.fl-node-pdb4vxhafqg9 {
		display: flex !important;
		justify-content: center !important;
		align-items: flex-start !important;
		gap: 5px !important;
		margin-top: -10px !important;
	}

	.fl-node-pdb4vxhafqg9 .fl-col-small {
		flex: 0 0 auto !important;
	}

	.hero-aim-box {
		margin-top: 5px;
	}

	.hero-white-box,
	.hero-cyn-box {
		display: block !important;
		margin-top: 5px;
	}

	.hero-white-box {
		z-index: 2 !important;
		position: relative !important;
	}

	.hero-white-box .pp-photo-img,
	.hero-cyn-box .pp-photo-img {
		width: 100% !important;
		max-height: 200px !important;
		max-width: 170px !important;
		display: block !important;
	}

	.hero-cyn-box .pp-photo-img {
		margin-right: 5px;
	}

	.home-hero-row .pp-photo-container {
		margin: 0 !important;
		padding: 0px !important;
	}

	.fl-builder-shape-layer {
		display: none;
	}

	.fl-col-group.fl-node-cq375xw2kg09 {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.fl-animated {
		animation: none !important;
	}

	button.pp-advanced-menu-mobile-toggle.hamburger {
		padding-right: 32px;
	}

	.pp-advanced-menu .pp-menu-overlay .pp-menu-close-btn {
		right: 29px !important;
		top: 75px !important;
	}

	li#menu-item-10592 {
		background-image: url(/wp-content/uploads/2024/11/width200.webp);
		background-repeat: no-repeat;
		background-position: right;
		background-size: contain;
	}

	.menu-btf {
		display: none;
	}

	body.fl-builder {
		overflow-x: unset !important;
	}
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	.pp-menu-overlay .sub-menu.focus {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 5px !important;
	}
}

/**** END: Mega Menu ****/