/*
Theme Name: Sanobario
Theme URI: https://example.com/
Author: Your Name
Author URI: https://example.com/
Description: A WordPress Full Site Editing (FSE) theme for Sanobario.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Version: 1.0.0
Text Domain: sanobario
Tags: full-site-editing, block-theme, accessibility-ready
*/
h1 {
  font-size: clamp(2rem, 12vw, 72px);
}

section {
  margin: 128px 0;
}

.blog-container {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.blog-post {
  border: 1px solid #ddd;
  border-radius: 10px;
  flex: 0 0 33%;
}

.blog-post h3 {
  color: #333;
  font-size: 20px;
}

.features-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.features-image-wrapper {
  flex: 1 1 calc(60% - 1rem);
}

.features-image-wrapper img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.features-list-wrapper {
  min-width: 300px;
  flex: 1 1 40%;
}

.features-list-wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.features-list-wrapper ul li {
  border-left: 3px solid #333;
  cursor: pointer;
  opacity: 0.5;
  padding: 1rem;
}

.features-list-wrapper ul li h3,
p {
  margin: 0;
}

.features-list-wrapper ul li h3 {
  color: #333;
  margin-bottom: 12px;
}

.features-list-wrapper ul li[data-toggled=true] {
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(245, 248, 251, 0) 100%);
  opacity: 1;
  border-color: #095648;
}

.features-list-wrapper ul li[data-toggled=true] h3 {
  color: #095648;
}

.journal-logos-wrapper img {
  -o-object-fit: contain;
     object-fit: contain;
}

.products-wrapper {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.setup-number {
  align-items: center;
  background-color: #095648;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 32px;
  margin: 0 auto;
  justify-content: center;
  width: 32px;
}

.text-container {
  width: clamp(300px, 100%, 700px);
}

.setup-steps-container > div:nth-child(2) {
  margin-top: 72px;
}

.setup-steps-container > div:nth-child(3) {
  margin-top: 36px;
}/*# sourceMappingURL=style.css.map */