/*
Theme Name:   GeneratePress Child
Description:  GeneratePress Child Theme
Template:         generatepress
Text Domain:  generatepress
*/

.angle-top-right {
  clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%);
}

.angle-top-right-med {
  clip-path: polygon(0 18%, 100% 0, 100% 100%, 0% 100%);
}

.angle-top-right-large {
  clip-path: polygon(0 24%, 100% 0, 100% 100%, 0% 100%);
}

.angle-top-left {
  clip-path: polygon(0% 0%, 100% 12%, 100% 100%, 0% 100%);
}

.angle-top-left-med {
  clip-path: polygon(0% 0%, 100% 18%, 100% 100%, 0% 100%);
}

.angle-top-left-large {
  clip-path: polygon(0% 0%, 100% 24%, 100% 100%, 0% 100%);
}

a.button-reverse:hover,
a.button-reverse:hover {
  color: #fff;
}

button, a.button {
  border-radius: 8px;
}

.hero-signature {
  /* rotate: -9deg; */
  --animate-duration: 1.2s;
}

.site-footer {
  margin-top: 80px;
}

.su-accordion .su-spoiler {
  border: 1px solid #7EC8C8;
  padding: 8px;
}

.su-accordion .su-spoiler .su-spoiler-title {
  font-weight: 400;
  font-size: 18px;
  padding: 7px 34px 7px 7px
}

.su-accordion .su-spoiler .su-spoiler-title .su-spoiler-icon {
  right: 7px;
  left: auto;
}

@media screen and (min-width: 768px) {
  .angle-top-right-large {
    clip-path: polygon(0 40%, 100% 0, 100% 100%, 0% 100%);
  }
  
  .angle-top-left-large {
    clip-path: polygon(0% 0%, 100% 40%, 100% 100%, 0% 100%);
  }
}