/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* --- Start Clock & Icon Styles --- */

.gb-clock-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Space between the Date group and Time group */
    align-items: center;
    line-height: 1;
}

/* Groups the Icon and Text together nicely */
.gb-clock-item {
    display: inline-flex;
    align-items: center;
    gap: 6px; /* Space between Icon and Text */
}

/* SVG Icon Styling */
.gb-clock-icon {
    width: 1.1em;  /* Scales relative to your font size */
    height: 1.1em;
    fill: currentColor; /* Inherits text color from GenerateBlocks */
    position: relative;
    top: -1px; /* Slight adjustment for perfect alignment */
}

/* The Separator | */
.gb-separator {
    opacity: 0.6;
    font-weight: 300;
}

/* Blinking Colon Animation */
.blink-colon {
    animation: blinker 1s step-start infinite;
    margin: 0 1px; /* Slight breathing room around the colon */
}

@keyframes blinker {
    50% { opacity: 0; }
}

/* --- End Clock & Icon Styles --- */


.gb-text-9172e1f5 {
    z-index: 1;
    position: relative; 
}






.gb-element-acfed49f {
    position: relative !important;
    overflow: hidden !important; 
    z-index: 1;
   
}


.gb-element-acfed49f::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 70%;
    height: 100%; 
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.5) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    
    transform: skewX(-30deg);
    z-index: 10;
    pointer-events: none;
    
}


.gb-element-acfed49f:hover::after {

    animation: shineOnHover 0.8s; 
}


@keyframes shineOnHover {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}


@media (min-width: 769px) {
    .site-content {
        display: flex;
    }


    .inside-right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 10px;
    }


}

#generate-slideout-menu {
    border-top-right-radius: 30px;       border-bottom-right-radius: 30px;
	  
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
     border-radius: 4px;
}