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

/* Animated gradient underline */
@media (min-width: 768px) {
    .main-navigation .menu>.menu-item>a:before {
        content: "";
        position: absolute;
        bottom: 1.5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, 
            currentColor 0%, 
            rgba(255,255,255,0.5) 50%, 
            currentColor 100%);
        background-size: 200% 100%;
        animation: none;
        transition: width 0.8s ease;
    }
    @keyframes gradientSlide {
        0%, 100% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
    }
    /*
	.main-navigation .menu>.menu-item:hover>a:before,
    .main-navigation .menu>.current-menu-item>a:before {
        width: calc(100% - 2rem);
        animation: gradientSlide 2s ease infinite;
    }
	*/
}

/* Inside navigation */
#sticky-navigation .inside-navigation{padding-left:35px;padding-right:35px;box-shadow:none;}

.wp-caption span p {font-style:italic;text-align:center;}
.inside-article figure figcaption {text-align:center;font-size:0.7rem;font-style:italic;padding-bottom:1rem;}


/*Disable font smoothing flexbox*/
html {-webkit-font-smoothing: unset;-moz-osx-font-smoothing: unset;}

/* Rank Math breadcrumbs */
.rank-math-breadcrumb {
    font-size: 0.9rem;
    line-height: 2rem;
    text-align: center;
}

/* Breadcrumb links */
.rank-math-breadcrumb a,
.rank-math-breadcrumb a:visited,
.rank-math-breadcrumb a:active {color: #E87842;text-decoration: none;transition: color 0.2s ease, text-decoration 0.2s ease;}

/* Breadcrumb link hover */
.rank-math-breadcrumb a:hover {color: #D16634;text-decoration: underline;}

/* Current page (inactive text) */
.rank-math-breadcrumb span {color: inherit;text-decoration: none;}


/*Body text*/
blockquote p {hanging-punctuation: first;}  

/* Remove bottom margin on last paragraph in container (front end) */
.gb-container p:last-child:last-of-type {margin-bottom: 0px;}

/* 
h2.wp-block-heading {text-align: center; margin-left: auto; margin-right: auto;}
/* Header */
.header-wrap header{box-shadow:none !important;}

/*sticky navigation transparent glass*/
.main-navigation.navigation-stick {background: rgba( 255, 255, 255, 0.80 );
box-shadow: 0 8px 32px 0 rgba( 247, 248, 249, 0.35 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );}

.main-navigation .sub-menu {
      
    /* Separate transitions - no background transition */
    transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
    
    /* Match navigation bar background color */
    background: rgba(255, 255, 255, 0.90); /* Slightly more opaque than nav for better contrast */
        /* Add backdrop filter to match nav glassmorphism */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

        /* Enhanced shadow for floating effect */
    box-shadow:0 8px 32px 0 rgba( 247, 248, 249, 0.35 );
    /* No borders for clean glass effect */
    border: none;
    
    /* Remove upper left and right border radius */
    border-radius: 0 0 20px 20px;
    }


/* Sticky nav logo Image */
#sticky-navigation a img{width: 14.375rem;height:100% !important;}

/*content animate*/
@media (prefers-reduced-motion: no-preference) {
  .animate {opacity: 0;transform: translateY(100px);transition: opacity 0.8s ease, transform 0.6s ease;will-change: opacity, transform;}
  .animate.is-visible {opacity: 1;transform: translateY(0);}

  /* Disable animation in the editor preview */
  .editor-styles-wrapper .animate {opacity: 1 !important;transform: none !important;transition: none !important;} }

/* Menu button - keep white text on hover */
.main-navigation .menu-button,
.main-navigation .menu-button:hover,
.main-navigation .menu-button * {color: #ffffff !important;}

/* SVG icon color */
.main-navigation .menu-button .gb-shape svg {fill: #ffffff !important;}