/*
Theme Name: Susana Schmitz Fotografia
Author: Marcel Schmitz
Author URI: https://marcelschmitz.com
Theme URI: 
Text Domain: susana-schmitz-fotografia
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

body.home .entry-content {
  margin-block-start: 0;
}

.floating-testimonial-right {
  position: absolute;
  transform: translate(-30px, -150px);
  max-width: 460px;
}

.floating-testimonial-left {
  position: absolute;
  transform: translate(70px, -150px);
  max-width: 460px;
}

figure {
  object-fit: cover;
  &.shadow > img {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s, scale 0.3s;
    &:hover {
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      scale: 1.01;
    }
  }
}
.shadow2 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

figure.flex-1-1 {
  flex: 1 1 calc(20% - 10px); /* Each image takes up 20% of the width */
}

@media screen and (max-width: 768px) {
  .floating-testimonial-right {
    position: unset;
    transform: translate(0);
  }

  .floating-testimonial-left {
    position: unset;
    transform: translate(0);
  }

  body.home .wp-block-spacer {
    margin-block-start: 0 !important;
    height: 40px !important;
  }

  :root {
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 0.875rem;
    --wp--preset--spacing--50: 1rem;
    --wp--preset--spacing--60: 1.25rem;
    --wp--preset--spacing--70: 2.38rem;
    --wp--preset--spacing--80: 3.06rem;
  }
}

figure.mirror-horizontal img {
  transform: scaleX(-1);
}

:where(.wp-site-blocks) > * {
  margin-block-start: 0;
}