/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* ---------------------------------------------------
 * CORE 
 * ---------------------------------------------------*/
 :root body {
    --global-kb-font-size-xxxl: clamp(2.2rem, 1.92rem + 1.4vw, 3.6rem);
    --global-kb-font-size-xxl: clamp(2rem, 1.8rem + 1vw, 3rem); /* H1 */
    --global-kb-font-size-xl: clamp(1.8rem, 1.68rem + 0.6vw, 2.4rem); /* H2 */
    --global-kb-font-size-lg: clamp(1.6rem, 1.468rem + 0.6598vw, 2rem); /* H3 */
    --global-kb-font-size-md: clamp(1.2rem, 1.0538rem + 0.6154vw, 1.4rem);
    --global-kb-font-size-sm: 1rem;
    --global-kb-font-size-xsm: 0.8rem;
}

body h1 { font-size: var(--global-kb-font-size-xxl); }
body h2 { font-size: var(--global-kb-font-size-xl);  }
body h3 { font-size: var(--global-kb-font-size-lg); }
body h4 { font-size: var(--global-kb-font-size-md); }
body h5 { font-size: var(--global-kb-font-size-sm); }
body h6 { font-size: var(--global-kb-font-size-xsm); }

/*Text balance */
.balance {
    text-wrap: balance;
}

/* -------------------------------------------------- */

/* GLOBAL */

/* Footer */
.site-footer-row-layout-contained .site-container {
	padding: 0;
}

/* Breadcrumbs on pages */
.page .kadence-breadcrumbs {
	margin: 0;
	font-size: 1rem;
	font-weight: 500;
	color: var( --global-palette9 );
}

.page .kadence-breadcrumbs span:not(:last-of-type) {
	color: var( --global-palette7 );
}

.page .kadence-breadcrumbs a {
	text-decoration: none;
	transition: color 0.3s ease;
}

.page .kadence-breadcrumbs a:hover {
	color: var( --global-palette9 );
}

/* This is for the image changes on list hover */
.prestige-service-list-item-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
}

.prestige-service-list-item .wp-block-kadence-icon span {
	transition: color 0.3s ease-in-out;
}

.prestige-service-list-item:hover .wp-block-kadence-icon span {
	color: var( --global-palette3 );
}

/* Add golden double border */
.prestige-double-border {
	border: 1px solid var( --global-palette2 );
	outline: 1px solid var( --global-palette2 );
    outline-offset: 5px;
}

/* Double border on testimonials */
.wp-block-kadence-testimonials.prestige-double-border {
	outline: none;
	position: relative;
}

.wp-block-kadence-testimonials.prestige-double-border::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -8px;
    right: -8px;
    bottom: 6px;
    border: 1px solid var(--global-palette2);
}

/* Site CTA */
@media screen and (width > 768px) {
	.prestige-cta::after {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		background: url(assets/rolex-landscape-clear.png) no-repeat bottom right / contain;
		width: 45%;
		height: 65%;
	}
}

/* How it Works - Arrow Step Section */

/* Default: Right arrow */
.step-section {
    position: relative;
    padding: 20px;
}

.step-section::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px; /* Adjust based on spacing */
    transform: translateY(-50%);
    border-width: 15px 0 15px 15px;
    border-style: solid;
    border-color: transparent transparent transparent var(--global-palette2);
}

/* Hide arrow on mobile */
@media (max-width: 768px) {
	.step-section::after {
		display: none;
	}

	.step-section {
		padding: 0 !important; /* Remove padding */
	}
}