/*
 Theme Name:   Alexander Slaunwhite
 Theme URI:    https://example.com
 Description:  Child theme of Twenty Twenty-Five for Alexnder Slaunwhite's website.
 Author:       Rob Brown
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  as-baseball
*/

.wp-site-blocks {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 5%;
}

.vertical-stretch img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: left;
}


nav.menu {
  margin: -10px 0 20px;
  border-top: 1px solid #ccc;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

nav.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

nav.menu li:first-child::after {
  content: "|";
  padding-inline: 20px;
}

nav.menu a {
  text-transform: uppercase;
}

@media (max-width: 781px) {
  .bio-block {
    --wp--preset--spacing--50: 0px;
  }
}

@media (min-width: 782px) {
  nav.menu {
    display: none;
  }

  .bio-block__col1 {
    order: 2;
  }
  .bio-block__col2 {
    order: 1;
  }

  .vertical-stretch {
    height: 100%;
  }
  .vertical-stretch img {
    height: 100%;
  }
}