/*
Theme Name: Funded Group
Theme URI: https://rameshdhakal.com.np
Template: kadence
Author: Ramesh Dhakal
Author URI: https://rameshdhakal.com.np
Description: Theme for Funded Group
Version: 1.0.1758902458
Updated: 2025-09-26 16:00:58

*/


/*we offer section*/
/* Hover effects for info-box-customize - EXISTING GRADIENT CSS */
.info-box-customize:hover {
    background: linear-gradient(180deg, #20BAA9 0%, #07735C 100%) !important;
    background-image: linear-gradient(180deg, #20BAA9 0%, #07735C 100%) !important;
    background-color: #20BAA9 !important; /* Fallback color */
    transition: all 0.3s ease; /* Smooth transition effect */
}

/* More specific selectors to ensure gradient background changes */
.kt-info-box16_a6d2fc-9d.info-box-customize:hover,
.wp-block-kadence-infobox.info-box-customize:hover {
    background: linear-gradient(180deg, #20BAA9 0%, #07735C 100%) !important;
    background-image: linear-gradient(180deg, #20BAA9 0%, #07735C 100%) !important;
    background-color: #20BAA9 !important;
}

/* Target the inner link wrapper as well */
.info-box-customize:hover .kt-blocks-info-box-link-wrap {
    background: linear-gradient(180deg, #20BAA9 0%, #07735C 100%) !important;
    background-image: linear-gradient(180deg, #20BAA9 0%, #07735C 100%) !important;
    background-color: #20BAA9 !important;
}

/* NEW ADDITIONS - Default state transitions */
.info-box-customize .kt-blocks-info-box-media {
    transition: all 0.3s ease;
}



.info-box-customize .kt-blocks-info-box-title,
.info-box-customize .kt-blocks-info-box-text {
    transition: color 0.3s ease;
}

/* NEW ADDITIONS - Image styling on hover */
.info-box-customize:hover .kt-blocks-info-box-media.kt-info-media-animate-none {
    border-radius: 8px !important;
}

/* NEW ADDITIONS - Text color changes on hover */
.info-box-customize:hover .kt-blocks-info-box-title {
    color: #F8F8F8 !important;
}

.info-box-customize:hover .kt-blocks-info-box-text {
    color: #F8F8F8 !important;
}

/*expert mortage adviser*/

/* Hover state - white image with #07735C background on media container */
.infobox-image:hover .kt-blocks-info-box-media.kt-info-media-animate-none {
    background-color: #07735C !important;
}

.infobox-image:hover img {
    filter: brightness(0) invert(1) !important;
}

/* Alternative selector for broader compatibility */
.infobox-image:hover .kt-blocks-info-box-media {
    background-color: #07735C !important;
}

.infobox-image:hover .kt-blocks-info-box-media img {
    filter: brightness(0) invert(1) !important;
}

/* Social icon gradient hover effect */
.icon-social-connect .kb-svg-icon-wrap {
    transition: all 0.3s ease;
}

/* Facebook icon hover */
.icon-social-connect .kb-svg-icon-wrap.kb-svg-icon-fa_facebook-f:hover {
    background: linear-gradient(135deg, #20BAA9 0%, #07735C 100%) !important;
    border: none !important;
}

/* Instagram icon hover */
.icon-social-connect .kb-svg-icon-wrap.kb-svg-icon-fe_instagram:hover {
    background: linear-gradient(135deg, #20BAA9 0%, #07735C 100%) !important;
    border: none !important;
}

/* LinkedIn icon hover */
.icon-social-connect .kb-svg-icon-wrap.kb-svg-icon-fa_linkedin-in:hover {
    background: linear-gradient(135deg, #20BAA9 0%, #07735C 100%) !important;
    border: none !important;
}

/* Alternative approach - target all social icons at once */
.icon-social-connect .kb-svg-icon-wrap:hover {
    background: linear-gradient(135deg, #20BAA9 0%, #07735C 100%) !important;
    border: none !important;
}