/*
Theme Name:   Bright Website Design
Theme URI:    https://www.brightwebsitedesign.co.uk
Description:  A carefully crafted child theme built with love by Bright Website Design, ensuring your site is fast, secure & easy to update.
Author:       Bright Website Design
Author URI:   https://www.brightwebsitedesign.co.uk
Template:     kadence
Version:      1.0.0
*/


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





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

.circle-outer {
    position: relative;
    overflow: visible;
}
.circle-outer:before {
    content: '';
    position: absolute;
    background: var(--global-palette3);
    opacity: 0.2;
    top: 50%; /* Align the pseudo-element vertically at 50% of the parent's height */
    left: 40%; /* Align the pseudo-element horizontally at 50% of the parent's width */
    transform: translate(-50%, -50%); /* Center the pseudo-element */
    width: 110%; /* Set the width of the pseudo-element to be 10% wider than the parent */
    padding-top: 110%; /* Set the height of the pseudo-element relative to its width to create a perfect circle */
    border-radius: 50%; /* Make the pseudo-element a circle */
    animation: 3s slidein;
}

.circle-outer.small-secondary-circle:before {
    background: var(--global-palette2);
    left: 50%;
    width: 140%; /* Set the width of the pseudo-element to be 10% wider than the parent */
    padding-top: 140%; /* Set the height of the pseudo-element relative to its width to create a perfect circle */
    animation-top: 120%;
}

.circle-outer.large-primary:before {
    background: var(--global-palette1);
    left: 50%;
    width: 120%;
    padding-top: 120%;
}

/* Mega `Menu Navigation */

.header-navigation .header-menu-container .kadence-menu-mega-enabled ul.sub-menu,
.header-navigation .header-menu-container ul ul.sub-menu {
  border-radius: 10px;
}

.kadence-menu-mega-enabled .sub-menu:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    left: 50%;
    margin-left: -0.275rem;
    border: .55rem solid transparent;
    border-top: none;
    border-bottom-color: #5BC8AF;
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .05));
}

@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 {
     
    }
  
}