/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
.et-pb-arrow-next, .et-pb-arrow-prev {
    position: absolute;
    top: 50%;
    z-index: 100;
    font-size: 48px;
    color: #fff;
    margin-top: -24px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
    background: none;
    border-image: linear-gradient(to right, #ffffff,#ffffff);
    background: linear-gradient(#000, #000), linear-gradient(to right, #f92056, #4ba5cc);
    background-origin: padding-box, border-box;
    background-repeat: no-repeat;
    border: 2px solid transparent;
}
.et_pb_more_button {
    color: inherit;
    text-shadow: none;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    background: none;
    border-image: linear-gradient(to right, #ffffff,#ffffff);
    background: linear-gradient(#000, #000), linear-gradient(to right, #f92056, #4ba5cc);
    background-origin: padding-box, border-box;
    background-repeat: no-repeat;
    border: 2px solid transparent;
}
.et_pb_button, .et_pb_button_inner {
    position: relative;
}
.imagerotate {
    margin: 20px;
    width: 600px; 
    height: 600px;    
    background: #000;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 30000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 30000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 30000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform:rotate(0deg);
  }

  to {
    -webkit-transform:rotate(360deg);
  }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.tablo {
    max-width: 119rem;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.h2-front {
    background-image: linear-gradient(to right, #f92056, #4ba5cc);
    font-family: Satoshi Black;
    font-size: 30px;
    font-weight: 700;
}
h3 {
  font-size: 32px;
   background: -webkit-linear-gradient(left, #f92056 , #4ba5cc);
   background: -o-linear-gradient(right, #f92056, #4ba5cc);
   background: -moz-linear-gradient(right, #f92056c, #4ba5cc);
   background: linear-gradient(to right, #f92056, #4ba5cc); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.et_pb_with_border {
    position: relative;
    border: 0 solid #f92056;
    background: conic-gradient( #fd004c, #fe9000, #fff020, #3edf4b, #3363ff, #b102b7, #fd004c );
}