header  {     filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.1)); }

header nav {      background-color: #f9f9f9;}


/* h1, h2, h3{font-family: Eurostyle !important; letter-spacing: 3px; font-weight: 900;} */


     /* Desktop only */
@media (min-width: 1024px) {

.bannerhome, .simplebanner {margin-top:35px }
    
body.HomePage #blur{

    background-position: right top; 
    text-shadow: 1px 1px 1px #000; 
    border-radius:75px;
    border: 20px solid #ffffff; 
    height: 95vh;




}

.element.blocks__simplebanner  #blur {
    
    background-position: right top; 
    text-shadow: 1px 1px 1px #000; 
    border-radius:75px;
    border: 20px solid #ffffff; 
    }


}

/* Mobile + tablet (no border-radius) */
@media (max-width: 1023px) {

  .element.blocks__simplebanner{
    height: 100dvh;
  }

#blur{
   background-position: bottom right 20%;   
   border-radius:  45px 45px  45px 45px;
   border: 10px solid #ffffff; 
   padding: 20px;
   height: 100dvh;
  }



}

nav li {border-bottom: 2px solid #f9f9f9; margin: 0 2px  !important}

nav li.current a:hover {text-decoration: none !important;}

nav li.current, nav li:hover {border-bottom:2px solid; transition: 0.5s ;}


nav li a:hover {text-decoration: none !important; cursor: pointer !important; }

#Breadcrumbs a {color:#fff !important;}


/* Scroll down arrow container */
.scroll-down {
  position: fixed;              /* stays at the bottom of the viewport */
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  text-decoration: none;
  cursor: pointer;
}

/* Arrow itself */
.scroll-down span {
  position: absolute;
  left: 50%;
  top: 0;
  width: 16px;
  height: 16px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateX(-50%) rotate(-45deg);
  animation: scrollDown 1.4s infinite;
}

#scroll-anim {
  animation: scroll ease-out 1.8s infinite;
}

/* Animation: bounce + fade */
@keyframes scrollDown {
  0% {
    transform: translate(-50%, 0) rotate(-45deg);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, 10px) rotate(-45deg);
    opacity: 0;
  }
}

@keyframes scroll {
  0% {
    transform: translate(9px, 5px);
  }
  50% {
    transform: translate(9px, 20px);
  }
  100% {
    transform: translate(9px, 5px);
  }
}