/*
 Theme Name:   Enfrasys Group
 Theme URI:    https://enfrasys.com
 Description:  Bespoke web development to boost SEO and refine UI/UX for Enfrasys Group
 Author:       Julian Song | Ulement
 Author URI:   https://ulement.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


.bricks-button,
.ff-btn-submit {
    color: white !important;
    font-weight: 600 !important;
    border-radius: var(--radius-xl) !important;
    padding: 8px 24px !important;
    background: linear-gradient(-45deg, #b6bdfb, #0095da, #0c24f3, #0066B3);
    background-size: 400% 200%;
    -webkit-animation: Gradient 10s infinite
        cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
    -moz-animation: Gradient 10s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99)
        both;
    animation: Gradient 10s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
    transition: all 0.4s ease 0s !important;
    border: none !important;
}

.bricks-button:hover,
.ff-btn-submit:hover {
    -webkit-animation: Gradient 3s infinite !important;
    -moz-animation: Gradient 3s infinite !important;
    animation: Gradient 3s infinite !important;
    box-shadow: rgba(0, 174, 255, 0.9) 0px 0px 24px -8px;
}

.bricks-button:hover svg,
.bricks-button:focus  svg,
.bricks-button:active  svg,
.mega--link:hover svg,
.mega--link:focus svg,
.mega--link:active  svg
{
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    transition: all 0.4s ease 0s !important;
}


.services-box-s:hover {
  transition: 0.3s;}

/*gradient*/

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Slider */
.slider-content .content {
    margin-bottom: 30px;
}

/* Mesh BG */
.mesh-bg {
    background-color: hsla(215, 91%, 25%, 1);
    background-image: radial-gradient(
            at 36% 63%,
            hsla(234, 91%, 25%, 1) 0px,
            transparent 50%
        ),
        radial-gradient(at 85% 26%, hsla(234, 89%, 50%, 0.3) 0px, transparent 50%),
            radial-gradient(
                    at 7% 7%,
                    hsla(234, 92%, 10%, 1) 0px,
                    transparent 50%
                ),
                radial-gradient(
                    at 99% 99%,
                    hsla(234, 92%, 10%, 1) 0px,
                    transparent 50%
                );
  background-size: 400% 200%;
  -webkit-animation: Gradient 10s infinite cubic-bezier(.62, .28, .23, .99) both;
  -moz-animation: Gradient 10s infinite cubic-bezier(.62, .28, .23, .99) both;
  animation: Gradient 10s infinite cubic-bezier(.62, .28, .23, .99) both;
}

.icon-bg {
background-color:hsla(216,100%,17%,1);
background-image:
radial-gradient(at 51% 50%, hsla(213,100%,16%,1) 0px, transparent 50%),
radial-gradient(at 73% 76%, hsla(240,100%,70%,1) 0px, transparent 50%),
radial-gradient(at 36% 38%, hsla(193,100%,42%,0.9) 0px, transparent 50%);
}
/**.icon-bg {
background-color:hsla(240,100%,14%,1);
background-image:
radial-gradient(at 0% 50%, hsla(231,95%,49%,1) 0px, transparent 50%),
radial-gradient(at 96% 63%, hsla(224,100%,42%,1) 0px, transparent 50%),
radial-gradient(at 30% 1%, hsla(308,74%,55%,1) 0px, transparent 50%),
radial-gradient(at 52% 40%, hsla(197,88%,76%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(240,100%,29%,1) 0px, transparent 50%),
radial-gradient(at 80% 100%, hsla(240,100%,9%,1) 0px, transparent 50%);
  background-size: 400% 200%;
  -webkit-animation: Gradient 10s infinite cubic-bezier(.66, .56, .23, .99) both;
  -moz-animation: Gradient 10s infinite cubic-bezier(.66, .56, .23, .99) both;
  animation: Gradient 10s infinite cubic-bezier(.66, .56, .23, .99) both;
}
.icon-bg:hover {
    -webkit-animation: Gradient 3s infinite !important;
    -moz-animation: Gradient 3s infinite !important;
    animation: Gradient 3s infinite !important;
}
**/


.bricks-pagination {
    margin-top: 5rem;
}

.services-box:hover .text-link {
    text-decoration: underline;
}

.career--steps:hover .career--number {
    background-color: #0095da;
}

.career--steps:hover .career--digit {
    color: #fff !important;
}


.underline {
text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0.5rem;
  text-decoration-color: #8dd8f8;
  text-decoration-skip-ink: none; /* works in Firefox & Chrome, not in Safari */
  text-decoration-skip: none; /* works in Safari, not in Firefox & Chrome */
}


ul {
    padding-inline-start: 20px;
}

body:a {
   color:#0066b3;
}