/*
 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
*/

 /* End GeneratePress Site CSS *//* GeneratePress Site CSS */ /* generateblocks button transition */

a.gb-button {
	transition: all 0.5s ease 0s;
}

.site-footer, .footer-widgets {padding-bottom:40px;}

.post-image img {
border-radius: 20px;
}

/* center align all footer widgets on mobile */

@media (max-width:768px) {
    
    .footer-logo {margin:0 auto; text-align:center; width:100%;}
    
	.inside-footer-widgets {text-align: center;}
    
    .footer-widget-1 {text-align: center; position:relative;  margin: 0 auto; display:block;}
    .footer-widget-2 {height:100px;}
    .footer-widget-3 {height:100px;}
    .footer-widget-4 {text-align: center; position:relative; margin: 0 auto; display:block;}
    #block-8 svg {text-align: center;}
    #mobile-header .inside-navigation {padding-bottom:5px !important; padding-top:10px;}
}
 /* End GeneratePress Site CSS */

/* Target the homepage specifically (WordPress usually adds the .home class to the body) */
.home .site-header, 
.home #masthead {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: transparent !important;
    background: transparent !important;
    z-index: 999; /* Keeps the header above the content */
}

.home #site-navigation .menu-item a,
.home #site-navigation .nav-link {
    color: #ffffff !important;
}

/* Target navigation links specifically on the homepage */
.home #site-navigation a {
    color: #ffffff !important;
}

/* Optional: Change the color when hovering so they don't disappear */
.home #site-navigation a:hover {
    color: #e0e0e0 !important; /* A light grey, or choose your own accent color */
}

.home  #site-navigation .sub-menu li a {color: #444 !important;}
 #site-navigation #menu-item-7327-sub-menu li a {color: #444 !important;}

/* 1. Force the hidden/starting state over the GB block class */
.gb-element-73ceb4f4.scroll-trigger {
    opacity: 0 !important;
    transform: translate3d(-260px, 0, 0) !important;
    transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1), transform 800ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 2. Bring it into absolute view when JS flips the is-visible state */
.gb-element-73ceb4f4.scroll-trigger.is-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

/* 1. Force the hidden/starting state over the GB block class */
.gb-element-80b9cd11.scroll-trigger {
    opacity: 0 !important;
    transform: translate3d(-260px, 0, 0) !important;
    transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1), transform 800ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 2. Bring it into absolute view when JS flips the is-visible state */
.gb-element-80b9cd11.scroll-trigger.is-visible {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
}

/* 1. Target the element carrying your custom class */
.testimonial-slider {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important; /* Clips the extra posts from bleeding out */
}

/* 2. Target the very first inner HTML division container (regardless of its class name) */
.testimonial-slider > div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* Keeps all posts lined up in a flat line */
    overflow-x: auto !important; /* Re-enables horizontal swipe tracking */
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch;
    width: 100% !important;
    gap: 0px !important;
}

/* Hide scrollbars across Chrome, Safari, Firefox */
.testimonial-slider > div::-webkit-scrollbar {
    display: none !important;
}
.testimonial-slider > div {
    scrollbar-width: none !important;
}
.testimonial-page .wp-block-latest-posts__post-title {display:none;}

.testimonial-page li {margin-bottom:20px;}




/* 3. Target the individual post loop items sitting inside that row track */
.testimonial-slider .gb-loop-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important; /* Forces each post card to fill exactly 100% screen space */
    scroll-snap-align: center !important;
    box-sizing: border-box !important;
}