/*
 Theme Name:   twentytwentyfour Child
 Theme URI:    https://www.williamusic.com/
 Description:  https://developer.wordpress.org/themes/advanced-topics/child-themes/
 Author:       williamusic
 Author URI:   https://www.williamusic.com/
 Template:     twentytwentyfour
 Version:      0.0.1
 Text Domain:  twentytwentyfour-child
*/


main::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url("./images/music-note-svgrepo-com.svg");
  background-repeat: repeat;
  background-size: 25px auto;
  opacity: 0.07;
  z-index: -1;
  pointer-events: none;
  filter: blur(1.5px);
}

.wp-site-blocks > footer {
  background-color: var(--wp--preset--color--base-2);
}

@media (prefers-color-scheme: dark) {
:root {
--wp--preset--color--base: #1c211f;
  --wp--preset--color--contrast: #e4ece8;
  --wp--preset--color--base-2: #191d1b;
  --wp--preset--color--custom-white: #141615;
  --wp--preset--color--contrast-2: #7e7d7d;
}
}

:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}

a {
display: inline-block;
    transition-property: text-shadow, transform, color, background-color;
    transition-duration: .1s;
}

a:hover {
    text-shadow: 1px 2px 3px #00000018;
    transform: translateY(-1px) !important;
}

.wp-site-blocks{
display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100vh;
  min-height: 100svh;
}

.txt-shadow-1 {
text-shadow: #666 3px 3px 8px;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content[aria-current="page"] {
color: var(--wp--preset--color--contrast-2);
border-bottom: dotted 2px var(--wp--preset--color--contrast-2);
}

.card-triangle-bg {
  position: relative;

  &::before{
    content: "";
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    z-index: -1;
    top: 0;
    left: 0;
    border-right: 100px solid transparent;
    border-top: 30rem solid var(--wp--preset--color--base);
  }
}