/**
 * Theme Name: JPP Theme
 * Template:   kadence
 */

strong {
	color: var( --global-palette1 );
}
.has-theme-palette1-background-color strong {
	color: var( --global-palette8 );
}

/**
 * Header nav styling
 */
@media screen and (min-width: 1024px) {
	.menu-item-has-children {
		background-color: #B3B7EE;
		border-radius: 100px;
		padding: 0 10px;
		margin-right: 10px;
	}
	
	.menu-item-has-children .nav-drop-title-wrap {
		color: #572582;
	}
	
	#menu-item-30 {
		border: solid 2px #572582;
		border-radius: 100px;
		padding: 0 10px;
	}
	
	#menu-item-30 a {
		color: #572582;	
	}
}

/**
 * Footer icons
 */
.jpp-footer .wp-block-kadence-single-icon {
	background-color: #B3B7EE;
	padding: 13px;
	border-radius: 100px;
}

/* Testimonials */
.jpp-testimonials .kt-post-masonry-item:nth-child(2n + 1) article {
	background-color: #B3B7EE;
}
.jpp-testimonials .kt-blocks-post-grid-item .entry-title {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
	line-height: 24px;
}

.jpp-testimonials .kt-blocks-post-grid-item .entry-title::before {
	content: '';
	display: inline-flex;
	min-width: 56px;
	height: 56px;
	background-color: #572582;
	border-radius: 100px;
	margin-right: 8px;
}

.jpp-services__about-image-col {
	position: relative;
}

.jpp-services__about-image-col__quote {
	position: absolute;
	bottom: 10%;
	left: -10%;
	width: 75%;
}

/* Sub menu items Desktop */
@media screen and (min-width: 1024px) {
	#main-header .sub-menu {
		background: transparent !important;
		box-shadow: none !important;
	}
	
	#main-header .sub-menu li.menu-item {
		border-radius: 100px;
		background: var(--global-palette3);
		margin: 3px 0;
	}
	
	#main-header .sub-menu li.menu-item a {
		font-size: 16px !important;
	}
	
	#main-header .sub-menu li.menu-item a:hover,
	#main-header .sub-menu li.menu-item a:active {
		background-color: var(--global-palette3) !important;
		border-radius: 100px;
		outline: solid 2px #572582;
		color: #572582 !important;
	}

	#main-header .sub-menu li.menu-item.current-menu-item > a {
		background: transparent;
		color: #572582;
	}
}

/* Patterns */

.jpp-text-icon-pattern {

	.wp-block-kadence-icon {
		position: absolute;
		top: -2.3rem;
		background-color: inherit;
		padding: 13px;
		border-radius: 100px;
	}
}

/* Button Styles */

.wp-block-kadence-advancedbtn .kb-button {
	text-decoration: none;
	border-top-left-radius: 100px !important;
    border-top-right-radius: 100px !important;
    border-bottom-right-radius: 100px !important;
    border-bottom-left-radius: 100px !important;
	padding-top: var(--global-kb-spacing-xxs, 0.5rem) !important;
    padding-right: var(--global-kb-spacing-sm, 1.5rem) !important;
    padding-bottom: var(--global-kb-spacing-xxs, 0.5rem) !important;
    padding-left: var(--global-kb-spacing-sm, 1.5rem)!important;

	&.kb-btn-global-outline {
		border-style: solid !important;
		border-width: 2px !important;
	}
}

/**
 * Blog archive
 */
.wp-child-theme-jpp-theme.blog .post-thumbnail {
	border-radius: 15px;
}

.post-archive {
	margin-bottom: 40px;
}

/**
 * Blog Single
 */
.single-post .post-thumbnail {
	border-radius: 15px;
	margin-top: 40px;
}

/**
 * Testimonial Single
 */
.single-testimonial article {
	border-radius: 15px;
	margin-top: 40px;
}

/**
 * Custom Image with caption block
 */
.jpp-image-with-caption {
	position: relative;
	margin-bottom: 200px;

}

.jpp-image-with-caption__image {}

.jpp-image-with-caption__text-group {
	position: absolute;
	bottom: 0;
    left: -15px;
	transform: translateY(20%);
    width: 100%;
	background-color: var( --global-palette9);
	padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 14px 0px;
	display: block;
}

@media screen and (max-width: 1024px) {
	.jpp-image-with-caption__text-group {
		display: none;
	}
}

.jpp-image-with-caption__name {
	color: var(--global-palette1);
}

.jpp-image-with-caption__position {
	color: var(--global-palette4);
}

.jpp-image-with-caption__body-text {
	color: var(--global-palette1);
}