/* style-fixes.css
   Small set of overrides to fix syntax errors in the original minified stylesheet.
   Include this file after `assets/css/style.css` in your HTML <head> to apply fixes.
*/

/* Fix animation keyframes: remove nested @media inside keyframes and provide small-screen variant */
.running{animation:nudge 10s linear infinite alternate}

@keyframes nudge{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-100px,0)}
  80%{transform:translate(100px,0)}
}

@keyframes nudge_small{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-50px,0)}
  80%{transform:translate(50px,0)}
}

@media (max-width:575px){
  .running{animation-name:nudge_small}
}

/* Fix incorrect transform/transition shorthand in team social links */
.team-social li a{
  -webkit-transition:all .4s ease-out 0s;
  -moz-transition:all .4s ease-out 0s;
  transition:all .4s ease-out 0s;
  transform:translateY(60px);
}

/* Fix blog area declaration (was using a font declaration where a color was expected) */
.blog_area a{
  font-family: "Oswald", sans-serif !important;
  text-decoration: none;
  transition: .4s;
  color: inherit;
}
.blog_area a:hover{
  background: -webkit-linear-gradient(131deg, #1d71b8 0%, #1d71b8 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  transition: .4s;
}

/* Fix invalid color value for disabled generic buttons */
.genric-btn.disable{
  color: rgba(34,34,34,0.3);
  background: #f9f9ff;
  border: 1px solid transparent;
  cursor: not-allowed;
}

/* Logo presentation: keep natural aspect ratio (remove forced width) */
.header-area .header-info-left .logo img{
  height:100px !important;
  width:auto !important;
}

/* Override hero overlay (was red) to use site blue */
.hero-overly::before{
  background-color: rgba(29,113,184,0.82) !important; /* #1d71b8 */
}

/* Make button hover overlay use site blue instead of red */
.btn::before{
  background: #1d71b8 !important;
}

/* Optional: change small accent colors that were red/orange to site blue */
.header-btn i{ color: #1d71b8 !important; }
