/*
 Theme Name:     *
 Theme URI:      https://*.de
 Description:    Theme of *
 Author:         MZDN
 Author URI:     https://ad-emotion.marketing
 Template:       Divi
 Version:        1.0.0
*/
@font-face {
  font-family: 'SexPistols';
  src: url('/wp-content/themes/party/fonts/sex_pistols-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
body {
    overflow-x: hidden;
}
.animated-text span {
  display: inline-block;
  opacity: 0.2;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.animated-text span.immediate {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.punk {
  font-size:6vw;
  text-align:center;
}

.punk span {
  display:inline-block;
  margin:0 .05em;
  padding:0 .15em;
  min-width:.25em;
}

.punk span:first-child,
.punk span:last-child {
  position:relative;
}

.punk span:first-child:before {
  content:"";
  border:solid 2px #eee;
  border-top-width:.2em;
  border-radius:.25em;
  height:.5em;
  left:-0.1em;
  position:absolute;
  top:-0.25em;
  transform:rotate(20deg);
  width:.15em;
}

.punk span:first-child:after {
  background-color:inherit;
  content:"";
  height:.15em;
  left:.05em;
  position:absolute;
  top:.05em;
  transform:rotate(20deg);
  width:.1em;
}

.punk span:last-child:before {
  content:"";
  border:solid 2px #eee;
  border-top-width:.2em;
  border-radius:.25em;
  height:.5em;
  right:-0.1em;
  position:absolute;
  top:-0.25em;
  transform:rotate(-20deg);
  width:.15em;
}

.punk span:last-child:after {
  background-color:inherit;
  content:"";
  height:.15em;
  right:.05em;
  position:absolute;
  top:.05em;
  transform:rotate(-20deg);
  width:.1em;
}

/* font */

.punk span:nth-child(5n+1) {
  font-family:'SexPistols';
  font-size:1.25em;
}

.punk span:nth-child(5n+2) {
  font-family:'SexPistols';
}

.punk span:nth-child(5n+3) {
  font-family:'SexPistols';
  font-size:1.25em;
}

.punk span:nth-child(5n+4) {
  font-family:'SexPistols';
}

.punk span:nth-child(5n+5) {
  font-family:'SexPistols';
}

/* shadow */

.punk span:nth-child(4n+1) {
  box-shadow:.05em .05em currentColor;
}

/* rotate */

.punk span:nth-child(3n+1) {
  transform:rotate(5deg);
}

.punk span:nth-child(3n+3) {
  transform:rotate(-5deg);
}

/* colour schemes */

.punk span:nth-child(11n+1) {
  background-color:#f09;
  color:#ffed00;
}

.punk span:nth-child(11n+2) {
  background-color:#ff0;
  color:#f09;
}

.punk span:nth-child(11n+3) {
  background-color:#ff0;
  color:#f09;
}

.punk span:nth-child(11n+4) {
  background-color:#ff0;
  color:#f09;
}

.punk span:nth-child(11n+5) {
  background-color:#ff0;
  color:#f09;
}

.punk span:nth-child(11n+6) {
  background-color:#ff0;
  color:#f09;
}

.punk span:nth-child(11n+7) {
  background-color:#ff0;
  color:#f09;
}

.punk span:nth-child(11n+8) {
  background-color:#000;
  color:#ff0;
}

.punk span:nth-child(11n+9) {
  background-color:#f09;
  color:#ffed00;
}

.punk span:nth-child(12n+10) {
  background-color:#f09;
  color:#ffed00;
}

.punk span:nth-child(12n+11) {
  background-color:#f09;
  color:#ffed00;
}

.punk span:nth-child(12n+12) {
  background-color:#f09;
  color:#ffed00;
}

@media (max-width: 980px){
    body.custom-background{
        background-image: url("/wp-content/uploads/2025/08/grungy-bg-mobile.webp") !important;
    }
}