/**
 * Compiled using wp-dynamic-css
 * https://github.com/askupasoftware/wp-dynamic-css
 */

/*
 Theme Name:     dygiphy
 Theme URI:      https://www.dygiphy.com.au
 Description:    dygiphy theme
 Author:         Wade Ashley
 Author URI:     https://www.dygiphy.com.au
 Template:       Divi
 Version:        1.0.0
*/


/*divi media queries ---------------------------------------------*/
/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) {
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
    /* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
    /* your css goes here */
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* your css goes here */
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    /* your css goes here */
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    /* your css goes here */
}

.dyg-invisible {
  color: white;
}

.bloat-on-hover:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);   
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}

.bloat-on-hover {
  -webkit-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

/* create a pulsing animation class .pulse*/

@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.2); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.2); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

.pulse {
	animation-name: pulse_animation;
	animation-duration: 5000ms;
	transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/*---------------------------------------------*/

.jiggle:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {transform: translate3d(-1px, 0, 0);}
  20%, 80% {transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
  40%, 60% {transform: translate3d(4px, 0, 0);}
}

.wave:hover {
  animation: waveanim 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes waveanim {
  10%, 90% {transform: rotate(-30deg);}
  20%, 80% {transform: rotate(60deg); }
  30%, 50%, 70% {transform: rotate(-60deg);}
  40%, 60% {transform: rotate(60deg);}
}