/*
  Theme Name: Spixels
  Theme URI: https://www.spixels.co.uk
  Version: 1.0.0
  Template: Divi
  Author: Spixels
  Author URI: https://www.spixels.co.uk
  Text Domain: spixels
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* animated gradient */
.animate-gradient {
    background-size: 1000% 1000%;

    -webkit-animation: AnimationName 20s ease infinite;
    -moz-animation: AnimationName 20s ease infinite;
    -o-animation: AnimationName 20s ease infinite;
    animation: AnimationName 20s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


/*** Center Items Vertically ***/
.vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*** Reverse columns on mobiles ***/
@media screen and ( max-width: 980px ) {
    .reverse-columns {
        display: flex;
        flex-direction: column-reverse;
    }
}

/* Subheading */
.subheading h4:before {
	content: "";
  display: inline-block;
  width: 30px;
  height: 8px;
  background: rgb(129,111,210);
background: linear-gradient(90deg, rgba(129,111,210,1) 0%, rgba(201,137,218,1) 100%);
  left: 0;
  top: 35%;
  position: absolute;
	border-radius: 5px 20px;
}
.subheading h4 {
	padding-left: 40px;
	padding-top: 8px;
	letter-spacing: 4px;
}