@charset "utf-8";



@charset "utf-8";

/* SUMMER */

    :root {
    --darkbase: #322F2B;
    --dark70: #322F2BB3;
    --darkbasecontrast: #000000;
    --mid:#ddc34d;
    --mid70:#C8A655B3;
    --mid50: #C8A65580;
    --bright:#df8836;
    --light: #FFEDC3;
    --nextseason-dark:#1A232E;
    --nextseason-mid:#7790ad;
    --nextseason-light:#F0F4F8;
}

.banner{background: linear-gradient(to bottom, #322F2B 60%, #322F2BCC 85%, #322F2BB3 100%);}

.search-tab {background: linear-gradient(to bottom, #343136B3 60%, #343136CC 85%, #343136 100%);}

.bread, .pagetitle {background: linear-gradient(to bottom, #343136 15%,transparent 100%);}
.darkgrad, .tabtop, .tabbot, .ribbon .inner, .ribbon:has(.titlebar), .divider:has(.over-control) {background: linear-gradient(to right, #322F2B 0%, #1b1a18 100%);}
.midgrad, header .tabtop, .nav-links, .adv-panel:hover
{background: linear-gradient(to bottom, #ebc139 0%, #ebc139 35%, #bb9137 79%, rgb(170, 132, 50) 100%); }
.brightgrad {background: linear-gradient(to bottom, #FFF36F 0%, #DED296 100%);}

.tabtop:hover, .tabbot:hover, .tabbotrans:hover  {background: linear-gradient(to bottom, #ebc139 0%, #ebc139 35%, #bb9137 79%, rgb(170, 132, 50) 100%); }

/*************** AUTUMN ELEMENTS ********************/

main{background-image: url('../images/brand/leaves1.png'); background-repeat: repeat-x; }
.falling-petal-field {display: none ;}

/*************** BLOSSOM BURST ********************/
.petal-container {position: absolute;top: 50%;left: 50%; width: 1px;height: 1px;z-index: 501;
  perspective: 2000px; display: none; overflow: visible;}
.petal-container.active {display: block;}
.petal {position: absolute; width: 85px; height: 85px;background-image: url('../images/brand/leaf9.png');
  background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; will-change: transform;}
.petal.leaf-alt { background-image: url('../images/brand/leaf1.png'); }
.active .petal {animation: organicBurst var(--duration) ease-out forwards, wildTumble var(--tumbleDuration) ease-in-out infinite alternate;}
@keyframes organicBurst { 0% { opacity: 1;transform: translate(0, 0) scale(0.8) rotateZ(0deg);}
  100% {opacity: 1; transform: translate(calc(var(--x) + var(--curve)), var(--y)) rotateZ(var(--r)) scale(1.1); }}
@keyframes wildTumble {0% { transform: rotateX(0deg) rotateY(0deg); }  100% { transform: rotateX(var(--rotX)) rotateY(var(--rotY)); }}

/*************** MIGRATING BIRDS  ********************/
.bird-migration-field {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; pointer-events: none !important; z-index: 10;}

.migrating-bird-container {
  position: absolute;
  top: var(--startY);
  left: -120px;
  transform: scale(var(--bird-scale, 0.5));
  will-change: transform, left;
  animation:
    birdFlyAcross var(--flight-duration) linear forwards,
    birdUndulate var(--wave-duration) ease-in-out infinite alternate;
}

.migrating-bird {
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells.svg');
  background-size: auto 100%;
  width: 88px;
  height: 125px;
  will-change: background-position;
  animation: birdFlapCycle var(--flap-duration, 1s) steps(10) infinite;
}

/* Wing flap: cycles through the 10 frames in the sprite strip */
@keyframes birdFlapCycle {
  100% {
    background-position: -900px 0;
  }
}

/* Horizontal travel: left to right across viewport */
@keyframes birdFlyAcross {
  0% { left: -120px; opacity: 0; }
  5% { opacity: 0.85; }
  90% { opacity: 0.85; }
  100% { left: calc(100vw + 120px); opacity: 0; }
}

/* Vertical undulation: gentle up-and-down wave during flight */
@keyframes birdUndulate {
  0% { transform: scale(var(--bird-scale, 0.5)) translateY(0); }
  50% { transform: scale(var(--bird-scale, 0.5)) translateY(calc(var(--waveAmp) * -1)); }
  100% { transform: scale(var(--bird-scale, 0.5)) translateY(var(--waveAmp)); }
}

/*************** OCCASIONAL FALLING LEAVES ********************/
.falling-petal-field {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
pointer-events: none;  overflow: hidden;pointer-events: none !important;}
.petal-stray { position: absolute; width: 60px;  height: 60px; background-image: url('../images/brand/leaf9.png');
  background-size: contain; background-repeat: no-repeat; will-change: transform;}
.petal-stray.leaf-alt { background-image: url('../images/brand/leaf1.png'); }
.stray-fall { animation: petalVertical var(--duration) linear forwards,
    petalSway var(--swaySpeed) ease-in-out infinite alternate,petalFlip var(--flipSpeed) ease-in-out infinite alternate;}
@keyframes petalVertical {
  0% { top: -10%; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { top: 110%; opacity: 0; }}
@keyframes petalSway {
  from { margin-left: -80px; }
  to { margin-left: 80px; }}
@keyframes petalFlip {
  from { transform: rotateZ(0deg) rotateX(0deg); }
  to { transform: rotateZ(var(--zRot)) rotateX(180deg); }}
.petal-container{pointer-events: none !important;}

@media (min-width: 1000px)
{
  .falling-petal-field {display:block ;}
}