/*
Theme Name: astra child
Author: 
Description: Your description goes here
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.portfolio-grid {
    display: flex;
    column-gap: 50px;
}

.image-circle {
  position: relative;
}

.image-circle img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
}

/* Different orbit rings */
.image-circle img:nth-child(1) {
  animation: orbit1 20s linear infinite;
}
.image-circle img:nth-child(2) {
  animation: orbit2 25s linear infinite;
}
.image-circle img:nth-child(3) {
  animation: orbit3 30s linear infinite;
}

@keyframes orbit1 {
  from {
    transform: rotate(0deg) translateX(60px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(60px) rotate(-360deg);
  }
}

@keyframes orbit2 {
  from {
    transform: rotate(0deg) translateX(90px) rotate(0deg);
  }
  to {
    transform: rotate(-360deg) translateX(90px) rotate(360deg);
  }
}

@keyframes orbit3 {
  from {
    transform: rotate(0deg) translateX(120px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(120px) rotate(-360deg);
  }
}



.contact-btn input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #fab630;
}
.message textarea.wpcf7-form-control.wpcf7-textarea {
    height: 155px;
}