/* Theme additions on top of the generated base.css / amelo.css: the inline styles the
   app's homepage template carried, as classes so the page content stays clean blocks. */

/* Core block wrappers must add nothing (block-library CSS is not loaded). The image
   block wraps its img in a figure, so the app's img classes become figure classes here. */
figure.wp-block-image { margin: 0; }
.wp-block-image img { max-width: 100%; height: auto; }
.wp-block-image.rounded-shadow img { box-shadow: var(--bs-box-shadow); border-radius: var(--bs-border-radius); }

/* Home: hero */
.hero-mask { height: 708px; }
.hero-col { z-index: 1; }

/* Home: the four cards */
.cards-section { margin-top: 120px; }
.card-280 { height: 280px; }
.icon-circle { width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.icon-circle-blue { background: rgba(237, 244, 254, 1); }
.icon-circle-green { background: rgba(243, 253, 244, 1); }
.icon-circle-grey { background: rgba(234, 241, 247, 1); }
.icon-circle img { height: 51px; }

/* Home: topic tiles */
.topic-tile-img { height: 336px; width: 336px; object-fit: cover; border-radius: 20px; }

/* The app's homepage nav had no Home item; the other pages did. */
.home .menu-item-home { display: none; }

/* About */
.page-about .about-divider { border-bottom: 7px solid rgba(208, 213, 221, 1); text-align: center; margin: 20px 25%; }
.page-about .about-divider-left { border-bottom: 7px solid rgba(208, 213, 221, 1); margin-top: 20px; width: 800px; }
.page-about .about-section { margin-top: 5rem; }
.page-about .about-cover { border-radius: 24px; margin-top: 284px; margin-left: 148px; width: 1060px; box-shadow: 0px 0px 8px 3px rgba(38, 38, 38, 0.12); clip-path: inset(9% 0% 1% 0% round 23px); }

/* Terms */
.page-terms .mt-6 { margin-top: 6rem !important; }

/* Education (inline styles from the app's templates, and WordPress pagination) */
.education-home .hero-col, .education-list .hero-col { z-index: 1; }
.education-home .latest-excerpt { height: 78px; }
.education-home .topic-card-img { height: 200px; width: 100%; }
.education-home .topic-count { color: #D9D9D9; }
.education-home .topic-explore { position: absolute; left: 10px; bottom: 25px; }
.education-home .card-body h5 { height: 25px; }
.education-list .education-list-wrapper { min-height: 400px; }
.education-list .education-results { min-height: 300px; }
.education-list .card-body h5 { height: 25px; }
.education-detail .education-detail-wrapper { min-height: calc(100vh - 400px); }
.education-detail .article-body { font-size: 16px; }
.education-detail .article-body img { max-width: 100%; height: auto; }
ul.page-numbers { display: flex; gap: 4px; list-style: none; padding: 0; margin: 0; }
ul.page-numbers a, ul.page-numbers span { display: inline-block; min-width: 32px; padding: 4px 8px; text-align: center; border: 1px solid #d9d9d9; border-radius: 2px; color: #0059A3; }
ul.page-numbers span.current { border-color: #0059A3; font-weight: 500; }