/*
 Theme Name:   WFP
 Theme URI:    https://www.genexmarketing.com
 Description:  Generate Press Child
 Author:       Genex Marketing
 Author URI:   https://www.genexmarketing.com
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  generatepress-wfp
*/

/* Start adding your custom CSS below this line */
.genexpress-slide img{border-radius:22px;}
a{text-decoration:none;}
.full-width-content{border-top:15px solid #0f4499;}
.blur{background-color: rgba(255, 255, 255, 0.8) !important;backdrop-filter: blur(5px) !important;-webkit-backdrop-filter: blur(5px) !important; /* for Safari */}
.trans{background:transparent !important;}
h1.tribe-events-single-event-title{font-size:44px !important;text-transform:uppercase;margin-bottom:0px;}
.tribe-events-schedule__date, .tribe-events-schedule__time{font-size:22px !important;text-transform:uppercase;margin-top:0px;font-family: var(--gp-font--asap-condensed);top:-15px;}

.tribe-events-schedule__date--start, .tribe-events-schedule__date--end, .tribe-events-schedule__time--start, .tribe-events-schedule__time--end{font-size:22px !important;text-transform:uppercase;margin-top:0px;font-family: var(--gp-font--asap-condensed);}
.sub-menu{border-radius:22px !important;}
.sub-menu li a:hover::before {
  content: ">";
  position: absolute;
  left: 0.8em; /* adjust spacing */
  color: inherit; /* match link color */
 
}
.sub-menu{position:absolute;;padding-left:20px;top:-33px;}
.sub-menu li{transition: background-color 0.3s ease;padding-left:15px;}
.sub-menu li:hover{margin-left:0px;}

/* Animations */
/* Base: start hidden */
.reveal,
.reveal-left,
.reveal-right,
.reveal-top,
.reveal-bottom,
.reveal-fade { opacity: 0; }

/* Motion preferences */
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-top,
  .reveal-bottom,
  .reveal-fade {
    animation: none !important;
    opacity: 1 !important;
    translate: 0 0 !important;
  }
}

/* Scroll-driven animations */
@supports (animation-timeline: view()) {
  /* One setup for all reveal classes */
  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-top,
  .reveal-bottom,
  .reveal-fade {
    animation-timeline: view();
    /* Use cover so items visible at load still animate */
    animation-range: cover 0% cover 40%;
    animation-fill-mode: both;
    animation-duration: 1s; /* required; scroll controls the real pace */
    will-change: opacity, transform;
  }

  .reveal-fade   { animation-name: kf-fade; }
  .reveal-left   { animation-name: kf-left; }
  .reveal-right  { animation-name: kf-right; }
  .reveal-top    { animation-name: kf-top; }
  .reveal-bottom { animation-name: kf-bottom; }

  /* Keyframes use the translate sub-property to avoid clobbering other transforms */
  @keyframes kf-fade   { from { opacity: 0;           } to { opacity: 1;           } }
  @keyframes kf-left   { from { opacity: 0; translate: -222px 0; } to { opacity: 1; translate: 0 0; } }
  @keyframes kf-right  { from { opacity: 0; translate:  222px 0; } to { opacity: 1; translate: 0 0; } }
  @keyframes kf-top    { from { opacity: 0; translate: 0 -222px; } to { opacity: 1; translate: 0 0; } }
  @keyframes kf-bottom { from { opacity: 0; translate: 0  222px; } to { opacity: 1; translate: 0 0; } }

  /* Ensure a real starting pose even if the element begins in view */
  @starting-style {
    .reveal        { opacity: 0; }
    .reveal-left   { opacity: 0; translate: -222px 0; }
    .reveal-right  { opacity: 0; translate:  222px 0; }
    .reveal-top    { opacity: 0; translate: 0 -222px; }
    .reveal-bottom { opacity: 0; translate: 0  222px; }
    .reveal-fade   { opacity: 0; }
  }
}

/* Fallback when scroll animations aren’t supported: just show content */
@supports not (animation-timeline: view()) {
  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-top,
  .reveal-bottom,
  .reveal-fade { opacity: 1; }
}
/* One-time animation for elements visible on first paint */
.reveal-now {
  animation-timeline: auto !important; /* switch from scroll to time-based */
  animation-duration: .8s;
  animation-fill-mode: both;
}

.reveal-left.reveal-now   { animation-name: kf-left; }
.reveal-right.reveal-now  { animation-name: kf-right; }
.reveal-top.reveal-now    { animation-name: kf-top; }
.reveal-bottom.reveal-now { animation-name: kf-bottom; }
.reveal-fade.reveal-now,
.reveal.reveal-now        { animation-name: kf-fade; }

/* One-time animation for elements visible at page load */
.reveal-now {
  animation-timeline: auto !important; /* use time-based animation */
  animation-duration: .9s;
  animation-fill-mode: both;
  will-change: opacity, transform;
}

/* Reuse your existing keyframes */
.reveal-left.reveal-now   { animation-name: kf-left; }
.reveal-right.reveal-now  { animation-name: kf-right; }
.reveal-top.reveal-now    { animation-name: kf-top; }
.reveal-bottom.reveal-now { animation-name: kf-bottom; }
.reveal-fade.reveal-now,
.reveal.reveal-now        { animation-name: kf-fade; }

@media (prefers-reduced-motion: reduce) {
  .reveal-now { animation: none !important; opacity: 1 !important; translate: 0 0 !important; }
}

.featured-item-block{margin:-44px 0px !important;padding-bottom:55px;}
.featured-item-content{margin:55px auto !important;}
.featured-item-title{padding-top:55px !important;font-size:55px;}
.featured-item-description{margin-bottom:15px !important;}
.featured-item-video{margin-bottom:55px !important;border:solid 11px #fff;}