/*
Theme Name: Powder Child
Theme URI:
Author:
Author URI:
Description:
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: powder
Text Domain: powder-child
Tags:
*/

main {
  position: relative;
  background-size: 3%;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

  & article {
    position: relative;
    z-index: 1;
  }
}

main::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: linear-gradient(
    180deg,
    rgba(255 247 237 / 60%) 0%,
    var(--wp--preset--color--base) 60%,
    var(--wp--preset--color--base) 100%
  );
  opacity: 1;
  z-index: 0;
}

header.site-header > div.wp-block-group {
  & .site-logo img {
    width: 100%;
    max-width: 200px;

    @media (max-width: 767px) {
      max-width: 150px;
    }
  }
}

.artist-card {
  position: relative;
  border-radius: 2rem;
  corner-shape: square;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  & a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  & .wp-block-cover__inner-container {
    position: initial;
  }

  & img {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  &:hover {
    corner-top-left-shape: bevel;
    corner-bottom-right-shape: bevel;
    & img {
      transform: scale(1.05);
    }
  }
}

.thunder-border {
  border-radius: 2rem;
  overflow: hidden;
  corner-top-left-shape: bevel;
  corner-bottom-right-shape: bevel;
  corner-top-right-shape: square;
  corner-bottom-left-shape: square;
}

@media (max-width: 600px) {
  header.site-header {
    z-index: 9999999;
    position: sticky;
    top: 0;
  }

  .main-nav > .wp-block-group {
    & > .wp-block-group:nth-child(1) {
      order: 1;
    }
    & > nav:nth-child(2) {
      order: 3;
    }
    & > .wp-block-buttons:nth-child(3) {
      order: 2;
      margin-left: auto;

      & a {
        padding: 0.5rem 1rem;
        min-width: unset;
      }
    }
  }
}

form.wpcf7-form input:not([type="submit"]),
form.wpcf7-form textarea {
  color: var(--wp--preset--color--contrast);
  border: unset;
}
.wpcf7-submit {
  background: transparent;
  border: 1px solid white;
  color: white;
  padding: 1rem 1.24rem;
  border-radius: 1rem;
  corner-top-left-shape: bevel;
  corner-top-right-shape: square;
  corner-bottom-left-shape: square;
  corner-bottom-right-shape: bevel;
  transition: all 0.2s ease-in-out !important;
  font-size: 1rem;
}