/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         AENGUS Technologies
 Author URI:     https://aengus.tech
 Template:       Divi
 Version:        1.3.0
*/
 
 
/* Theme customization starts here */

/* Global variables */
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Blur effects & shadows */
.blur-white,
.blur-black {
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
}
.blur-white {
    box-shadow: inset 0 0 2px #fefefed1;
    background-color: hsla(0,0%,100%,.8)!important;
}
.blur-black {
    box-shadow: inset 0 0 2px #0101012e;
    background-color: hsla(0,0%,0%,.8)!important;
}
.shadow-blur {
    box-shadow: inset 0 0 1px 1px hsla(0,0%,100%,.9), 0 20px 27px 0 rgba(0,0,0,.05)!important;
}
.card {
    box-shadow: 0 4px 6px 1px rgba(0,0,0,.1), 0 2px 4px 1px rgba(0,0,0,.06);
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 0.75rem;
}
.card-body {
    flex: 1 1 auto;
    padding: 1rem;
}
/* End Blur effects & shadows */


/* Moving Waves */
.waves {
    position: relative;
    width: 100%;
    height: 16vh;
    margin-bottom: -7px;
    /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px; }
    .waves.waves-sm {
      height: 50px;
      min-height: 50px; }
    .waves.no-animation .moving-waves > use {
      -webkit-animation: none;
              animation: none; }
  
  .wave-rotate {
    transform: rotate(180deg); }
  
  /* Animation for the waves */
  .moving-waves > use {
    -webkit-animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
            animation: move-forever 40s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }
  
  .moving-waves > use:nth-child(1) {
    -webkit-animation-delay: -2s;
            animation-delay: -2s;
    -webkit-animation-duration: 11s;
            animation-duration: 11s; }
  
  .moving-waves > use:nth-child(2) {
    -webkit-animation-delay: -4s;
            animation-delay: -4s;
    -webkit-animation-duration: 13s;
            animation-duration: 13s; }
  
  .moving-waves > use:nth-child(3) {
    -webkit-animation-delay: -3s;
            animation-delay: -3s;
    -webkit-animation-duration: 15s;
            animation-duration: 15s; }
  
  .moving-waves > use:nth-child(4) {
    -webkit-animation-delay: -4s;
            animation-delay: -4s;
    -webkit-animation-duration: 20s;
            animation-duration: 20s; }
  
  .moving-waves > use:nth-child(5) {
    -webkit-animation-delay: -4s;
            animation-delay: -4s;
    -webkit-animation-duration: 25s;
            animation-duration: 25s; }
  
  .moving-waves > use:nth-child(6) {
    -webkit-animation-delay: -3s;
            animation-delay: -3s;
    -webkit-animation-duration: 30s;
            animation-duration: 30s; }
  
  @-webkit-keyframes move-forever {
    0% {
      transform: translate3d(-90px, 0, 0); }
    100% {
      transform: translate3d(85px, 0, 0); } }
  
  @keyframes move-forever {
    0% {
      transform: translate3d(-90px, 0, 0); }
    100% {
      transform: translate3d(85px, 0, 0); } }
  
  /*Shrinking for mobile*/
  @media (max-width: 767.98px) {
    .waves {
      height: 40px;
      min-height: 40px; }
    hr.horizontal {
      background-color: transparent; }
      hr.horizontal:not(.dark) {
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); }
      hr.horizontal.vertical {
        transform: rotate(90deg); }
      hr.horizontal.dark {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } }

/* End Movinf Waves */