/*!
Theme Name: Bright Website Design Child Theme
Theme URI: https://www.brightwebsitedesign.co.uk/
Template: kadence
Author: Bright Website Design
Author URI: https://www.brightwebsitedesign.co.uk/
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
-------------------------------------------------------------- */






/* Change the font for the Social Share Plugin */
.kt_before_share_text {
    display: inline-block !important;
    margin-right: 5px !important;
    font-family: caveat !important;
    font-size: 30px !important;
}

/* Hover on image grows */
.custom-hover-effect img:hover {  
   transition: transform .2s;  
   transform: scale(1.05);  
}

/* Ensure reCAPTCHA badge is always visible */
.grecaptcha-badge {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1000; /* Ensures it stays on top */
    position: fixed;
    bottom: 0;
    right: 0;
}

.site-footer {
    position: relative;
    z-index: 10;
}

.circle-outer {
    position: relative;
    overflow: visible;
    z-index: 1; /* Ensure that .circle-outer is above the background */
}
.circle-outer:before {
    content: '';
    position: absolute;
    background: var(--global-palette6);
    opacity: 0.2;
    top: 50%; /* Align vertically */
    left: 40%; /* Align horizontally */
    transform: translate(-50%, -50%); /* Center the circle */
    width: 110%; /* Circle width */
    padding-top: 110%; /* Circle height */
    border-radius: 50%; /* Shape it as a circle */
    z-index: -1; /* Place the circle behind the header */
    animation: 3s slidein;
}

.circle-outer.small-secondary-circle:before {
    background: var(--global-palette2);
    left: 50%;
    width: 140%; 
    padding-top: 140%; 
    z-index: -1; /* Ensure it stays behind */
    animation: none;
}

.circle-outer.large-primary:before {
    background: #FF890F;
    left: 50%;
    width: 120%;
    padding-top: 120%;
    z-index: -1; /* Place behind */
}


@keyframes slidein {
  from {
    margin-left: 100%;
    opacity: 0;
    //width: 100%;
  }

  to {
    margin-left: 0%;
    opacity: 0.2;
    //width: 100%;
  }
}

/* Testimonial Slider */

.has-fullContent .entry-content p {
  margin-bottom: 8px;
}

.has-fullContent .entry-content h3 {
  text-align: right;
}

@media only screen and (min-width: 768px) {
    
    .circle-outer:before {
    }
    
    .circle-outer.small-secondary-circle:before {
        
    }
  
}

@media only screen and (min-width: 1140px) {
    .circle-outer:before {
    }
    
    .circle-outer.small-secondary-circle:before {

    }
    
    .circle-outer.large-primary:before {
    }
  
}

@media only screen and (min-width: 1920px) {
    .circle-outer:before {
     
    }
  
}