/* ================================
CF — H5P Question Set Styling
(scoped to .cf-h5p)
================================ */
/* Make the Question Set area breathe */
.cf-h5p .h5p-question-set {
background: transparent;
}
/* Question text bigger + friendlier */
.cf-h5p .h5p-question-set .h5p-question-title,
.cf-h5p .h5p-question-set .h5p-question {
font-size: clamp(20px, 2.2vw, 28px);
font-weight: 800;
line-height: 1.25;
margin-bottom: 12px;
}
/* Answer list spacing */
.cf-h5p .h5p-question-set .h5p-answers {
margin-top: 10px;
}
/* Multiple Choice answer “cards” */
.cf-h5p .h5p-question-set .h5p-answer,
.cf-h5p .h5p-question-set .h5p-alternative {
background: #fff;
border: 1px solid var(--cf-lines);
border-radius: 16px;
padding: 14px 14px;
margin: 10px 0;
box-shadow: 0 8px 22px rgba(0,0,0,.06);
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
/* Hover */
.cf-h5p .h5p-question-set .h5p-answer:hover,
.cf-h5p .h5p-question-set .h5p-alternative:hover {
transform: translateY(-1px);
border-color: rgba(30,144,255,.35);
box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
/* Selected state (common pattern) */
.cf-h5p .h5p-question-set .h5p-selected,
.cf-h5p .h5p-question-set .h5p-answer.h5p-selected,
.cf-h5p .h5p-question-set .h5p-alternative.h5p-selected {
border-color: rgba(30,144,255,.55) !important;
box-shadow: 0 0 0 3px rgba(30,144,255,.18) !important;
}
/* Improve readability inside answers */
.cf-h5p .h5p-question-set .h5p-answer *,
.cf-h5p .h5p-question-set .h5p-alternative * {
font-size: 18px;
}
/* Navigation row (Prev/Next/Check) spacing */
.cf-h5p .h5p-question-set .h5p-nav {
margin-top: 14px;
padding-top: 10px;
border-top: 1px solid var(--cf-lines);
}
/* Progress bar on-brand */
.cf-h5p .h5p-question-set .h5p-progressbar {
height: 10px;
border-radius: 999px;
overflow: hidden;
background: rgba(229,231,235,.9);
margin: 10px 0 14px;
}
.cf-h5p .h5p-question-set .h5p-progressbar .h5p-progressbar-progress {
background: linear-gradient(90deg, var(--cf-primary), var(--cf-secondary)) !important;
}
/* Score / results screen “card” */
.cf-h5p .h5p-question-set .h5p-results {
background: #fff;
border: 1px solid var(--cf-lines);
border-radius: 18px;
padding: 16px;
box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
/* Make “Your score” big */
.cf-h5p .h5p-question-set .h5p-results .h5p-score,
.cf-h5p .h5p-question-set .h5p-results .h5p-summary {
font-size: 20px;
font-weight: 800;
}
/* Optional: hide “Retry” if you don’t want it (uncomment) */
/*
.cf-h5p .h5p-question-set .h5p-button.h5p-try-again {
display: none !important;
}
*/
Skip to content

Setting Goals and Materials Needed for this Course By National Master Stephen Colding Setting goals and having the right tools to teach your toddle to play chess is a very important part of this course. This article is the 3rd in a series of articles entitled “ Teach Your Toddler to Play Chess”. This is […]

The first article in a series of posts that show parents how to teach their toddler to play chess