/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
.logo {
  width: 30px;
}

.homeCover {
  background-image: url(/assets/cover-413cdbacd8ab9041ff35e864d041811f851c4e59a68e0102cd681cabd738e03c.jpg);
  background-size: cover;
  background-position: center;
  min-height: 600px;
  display: flex;
  align-items: center;
}

.categoryCover-1 {
  background-image: url(/assets/soft-b2ac045a3c1cbaa085b49b79a557c925b2f346d4e91e171d5190abc271fa8647.jpg);
  background-size: cover;
  background-position: center;
}

.categoryCover-2 {
  background-image: url(/assets/multinivel-a89d545eecc4254ce6479af1bf7c6a5b49e248e5f347f4845ab6dc36c0e0d677.jpg);
  background-size: cover;
  background-position: center;
}

.categoryCover-3 {
  background-image: url(/assets/flow-d9b2b9d3b29c31a7a7af46f339974104478dafca7b6f011a305b7e3d6bb7a4a4.jpg);
  background-size: cover;
  background-position: center;
}

.categoryCover-4 {
  background-image: url(/assets/advanced-42fec0405fb135d1523e3946d02a07e5cb3bca44d1dbf1932b0f3a83aaa90eda.jpg);
  background-size: cover;
  background-position: center;
}
.categoryCover-5 {
  background-image: url(/assets/workshops-f25b762c3ec8233102161c8d6816aa47b82756507bdc01185efcbefd528347cb.jpg);
  background-size: cover;
  background-position: center;

}.categoryCover-6 {
  background-image: url(/assets/mindful-98a39f95a0db4a59080e368f48eb865e6be3d221a77199f7d1d9f6aa85d29d44.jpg);
  background-size: cover;
  background-position: center;
}

/* Equal height category cards */
.category-cards-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
}

@media (min-width: 640px) {
  .category-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .category-cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.category-cards-grid > a {
  display: flex;
}

.category-cards-grid .category-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.category-cards-grid .category-card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.category-cards-grid .category-card-content p {
  flex: 1;
}

/* Mobile menu responsive styles */
.desktop-nav {
  display: none;
}

.mobile-menu-button {
  display: flex;
}

@media (min-width: 768px) {
  .desktop-nav {
    display: flex;
  }

  .mobile-menu-button {
    display: none;
  }

  .mobile-menu-panel {
    display: none !important;
  }
}