:root { line-height: 1.2em; --font-size-large: 3.5rem; --font-size-sub-1: 2rem; --font-size-sub-2: 1.5rem; --font-size-normal: 1.2rem; --icon-join-arrow: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2270%22%20viewBox%3D%220%200%2052.5%2076.08%22%20height%3D%2290%22%20version%3D%221.0%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M9%203h29v58H9Zm0%200%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Cpath%20d%3D%22m25.652%201.04%2025.051%2011.148L27.801%2063.64%202.75%2052.488Zm0%200%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22c%22%3E%3Cpath%20d%3D%22m25.652%201.04%2025.051%2011.148L27.801%2063.64%202.75%2052.488Zm0%200%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22d%22%3E%3Cpath%20d%3D%22m25.652%201.04%2025.051%2011.148L27.801%2063.64%202.75%2052.488Zm0%200%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cg%20clip-path%3D%22url(%23b)%22%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cg%20clip-path%3D%22url(%23d)%22%3E%3Cpath%20fill%3D%22%23040606%22%20d%3D%22M20.113%2058.86a65%2065%200%200%201-1.601-2.098.47.47%200%200%200%20.293-.16c1.957-2.207%204.28-3.961%206.457-5.926%201.96-1.77%203.894-3.711%206.277-4.895a.45.45%200%200%200%20.258-.367%2020%2020%200%200%200%202.414-.734c-4.508%204.914-9.148%209.707-14.098%2014.18m-2.058-2.731q-.43-.602-.848-1.223c1.363-1.68%202.844-3.156%204.574-4.484%201.914-1.465%204.012-2.727%206.23-3.652.555-.235.173-1.086-.382-.856-2.23.934-4.32%202.203-6.266%203.648-1.672%201.243-3.472%202.735-4.722%204.485a49%2049%200%200%201-1.352-2.215c2.305-2.996%205.754-4.46%209.012-6.254a.5.5%200%200%200%20.129-.105c1.726.414%203.508.492%205.27.297-1.825%201.183-3.423%202.722-5.032%204.175-2.215%202-4.75%203.735-6.578%206.133-.016.016-.024.035-.035.05m-3.274-5.211a38%2038%200%200%201-1.965-4.219.37.37%200%200%200%20.207-.105c1.258-1.219%202.641-2.258%204.165-3.067.8.246%201.625.414%202.464.496%200%20.004%200%200%200%200-2.05%201.11-3.972%202.485-5.437%204.29-.32.398.285.984.644.613%201.168-1.211%202.391-2.293%203.797-3.215%201.477-.965%203.094-1.719%204.715-2.398.559-.239.176-1.098-.387-.86-.949.399-1.906.832-2.843%201.317a.4.4%200%200%200%20.05-.18q.03-1.604.082-3.207c.07.222.301.394.59.281%201.25-.492%202.473-1.039%203.746-1.465a.38.38%200%200%200%20.239-.21%20294%20294%200%200%200-.797%205.699.4.4%200%200%200-.13.046c-3.14%201.72-6.913%203.227-9.14%206.184m-3.02-7.379c.677-.57%201.427-1.027%202.134-1.562.664.437%201.37.816%202.109%201.12-1.297.755-2.504%201.676-3.496%202.774a32%2032%200%200%201-.746-2.332m-.863-4.355a12.3%2012.3%200%200%200%202.207%202.226c-.53.375-1.101.711-1.609%201.117a29%2029%200%200%201-.598-3.343m14.028-5.973c-1.672.617-3.219%201.73-4.469%203.05.137-2.413.336-4.827.617-7.23a.5.5%200%200%200%20.176-.043c2.207-.984%203.91-2.77%205.914-4.082.504-.328-.082-1.043-.582-.718-1.848%201.207-3.45%202.761-5.387%203.832q.124-.973.266-1.946a.4.4%200%200%200%20.289-.105c.977-.883%201.945-1.75%203.031-2.5%201.016-.7%202.336-1.524%203.614-1.48a.5.5%200%200%200%20.199-.036%2080%2080%200%200%200-1.625%205.824c-2.09.926-4.375%202.176-5.836%203.989-.313.39.273.953.629.597%201.445-1.437%203.12-2.558%204.937-3.437-.742%203.265-1.324%206.582-1.824%209.883-.023-.262-.297-.532-.629-.426-1.27.414-2.558.851-3.746%201.472a.46.46%200%200%200-.215.235q.04-1.197.098-2.387c1.476-1.484%202.922-2.898%204.926-3.637.566-.207.18-1.062-.383-.855M22.14%2022.09c.93-4.735%202.34-9.512%204.648-13.785a.5.5%200%200%200%20.23-.086c1.626-1.133%203.294-2.274%205.211-2.828a.4.4%200%200%200%20.157-.079q.739.256%201.449.57c-2.43%201.098-4.926%202.09-7.203%203.481-.48.293-.156%201.09.363.813%202.582-1.375%205.262-2.528%207.902-3.781q.559.293%201.086.632-.2.271-.394.547c.183-.36-.14-.89-.563-.64-2.832%201.668-5.843%203.02-8.632%204.761-.48.297-.153%201.102.363.817%202.87-1.594%205.812-3.07%208.644-4.739a.5.5%200%200%200%20.118-.101%2046%2046%200%200%200-3.329%205.504c-2.914%201.656-5.855%203.426-8.289%205.765-.406.395.125%201.067.555.684%202.145-1.91%204.531-3.504%206.996-4.957a55%2055%200%200%200-1.113%202.508c-2.246%201.277-4.445%202.633-6.727%203.851-.508.27-.164%201.059.367.817%202.02-.918%203.899-2.137%205.81-3.282a60%2060%200%200%200-.966%202.688.38.38%200%200%200-.324-.176c-1.379-.047-2.691.637-3.832%201.363-1.055.672-2.11%201.446-3.008%202.344q.224-1.349.48-2.691M29.24%204.445c.574.125%201.153.266%201.723.422-1.102.418-2.164%201-3.149%201.668.446-.715.918-1.414%201.426-2.09m6.719%2038.368c-3.3%201.71-7.25%202.574-10.902%201.789%201.199-9.02%202.632-18.372%206.105-26.84.008-.008.02-.012.027-.016a.474.474%200%200%200%20.22-.578c1.491-3.516%203.339-6.871%205.683-9.977a.506.506%200%200%200-.106-.699%2015%2015%200%200%200-1.5-.918c-.086-.16-.246-.27-.445-.234-1.66-.828-3.461-1.395-5.277-1.797-.059-.328-.543-.543-.817-.195l-.02.023c-.32-.062-.636-.121-.956-.176-.618-.105-.72.864-.11.977q.2.034.399.074c-3.707%205.063-5.707%2011.2-6.965%2017.293-1.453%207.047-1.902%2014.273-2.063%2021.441q-.322-.047-.644-.113.104-.042.207-.086c.558-.222.176-1.074-.383-.851q-.628.252-1.25.55c-2.734-.917-5.105-2.812-6.465-5.433-.27-.512-.957-.258-.93.289.086%202.066.407%204.074.915%206.023-.094.196-.008.41.144.536.774%202.773%201.926%205.43%203.332%207.957-.062.101-.12.21-.18.316-.214.406.344.754.665.535.449.77.925%201.527%201.418%202.277a.456.456%200%200%200%20.382.579%2066%2066%200%200%200%203.227%204.336c.164.199.492.242.691.062%205.723-5.137%2011.032-10.703%2016.2-16.402.34-.375-.18-.961-.602-.742%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); --icon-circle: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20viewBox%3D%220%200%2075%2075%22%20height%3D%22100%22%20version%3D%221.2%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M0%20.938h75V71H0Zm0%200%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20style%3D%22stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%23352d27%3Bfill-opacity%3A1%22%20d%3D%22M70.309%2029.188a8%208%200%200%200-.086-.333%203%203%200%200%200-.094-.332c-.07-.222-.14-.43-.207-.652-.07-.219-.14-.426-.211-.637l-.246-.62a41%2041%200%200%201-.25-.622c-.082-.207-.18-.402-.262-.61a8%208%200%200%200-.277-.593c-.043-.098-.098-.195-.14-.293a2%202%200%200%200-.153-.289%207%207%200%200%200-.301-.566c-.113-.196-.21-.375-.32-.555-.223-.36-.442-.734-.676-1.078a29%2029%200%200%200-1.469-2.035%2036%2036%200%200%200-3.277-3.598c-.14-.137-.293-.273-.43-.398-.137-.141-.289-.266-.43-.403a41%2041%200%200%200-.882-.773c-.293-.266-.598-.5-.887-.75-.152-.125-.29-.246-.441-.36-.153-.125-.293-.234-.446-.359-.594-.457-1.176-.914-1.785-1.328l-.441-.316a8%208%200%200%200-.442-.305%2044%2044%200%200%201-.886-.582c-.153-.098-.29-.192-.442-.29s-.305-.179-.445-.277c-.29-.18-.594-.359-.883-.539a45%2045%200%200%201-.887-.5c-.152-.082-.289-.164-.441-.246-.152-.086-.293-.152-.445-.238a42.5%2042.5%200%200%200-6.848-2.836c-2.2-.691-4.3-1.133-6.277-1.41a40%2040%200%200%200-5.536-.375h-.636c-.207.015-.414.015-.621.031-.418.012-.817.012-1.204.055l-1.164.082-1.105.125c-.18.012-.36.039-.54.054l-.526.083c-.344.054-.676.097-1.008.152s-.653.125-.957.18a19%2019%200%200%200-.457.085%205%205%200%200%200-.442.094%2054%2054%200%200%200-5.715%201.563c-.18.058-.37.113-.539.168-.164.054-.343.125-.496.18-.32.109-.625.222-.914.316-.289.097-.539.195-.789.277-.25.086-.469.168-.676.238-.418.137-.761.247-1.054.332a6%206%200%200%201-.703.165c-.36.054-.54%200-.61-.11-.055-.113-.015-.277.25-.555a8.3%208.3%200%200%201%201.453-1.132c.192-.125.399-.25.621-.391.235-.137.47-.289.746-.441.278-.153.567-.305.887-.47.153-.085.317-.167.496-.265.18-.082.348-.164.54-.246.374-.168.761-.36%201.19-.539.43-.168.887-.363%201.372-.555.12-.054.246-.097.37-.14.126-.04.25-.082.388-.137.265-.098.527-.18.804-.277.278-.098.551-.18.844-.262.29-.082.594-.18.899-.262.152-.043.304-.086.468-.125l.485-.125c.332-.082.664-.168%201.011-.25.344-.07.707-.152%201.067-.222.18-.04.36-.067.55-.11a7%207%200%200%200%20.567-.097c.39-.055.777-.125%201.18-.192.398-.054.812-.097%201.23-.152.414-.055.856-.082%201.3-.113q.33-.016.665-.055c.219-.012.453-.012.691-.027%201.84-.083%203.86-.04%206.016.207a39.7%2039.7%200%200%201%206.863%201.37%2045%2045%200%200%201%207.485%202.962c.164.082.316.152.484.25.152.082.316.164.484.261.317.18.637.344.97.524.316.195.636.375.968.57.164.094.316.191.48.29.168.097.32.206.485.304.32.207.636.414.968.62.168.099.32.224.485.333.168.113.32.223.484.332.653.445%201.29.93%201.926%201.414.164.121.316.246.48.371l.473.387c.317.265.649.512.953.789l.957.832c.164.137.317.277.47.43.151.148.315.289.468.441a37%2037%200%200%201%203.64%203.957%2028%2028%200%200%201%201.66%202.297c.262.398.512.816.774%201.23.125.207.25.43.36.637.124.207.234.442.347.649.055.109.11.222.18.332l.164.332c.113.222.222.457.32.691s.207.473.305.707c.094.234.18.469.277.703.094.238.18.473.274.723.086.246.168.484.25.73.082.25.168.5.25.735.039.125.07.25.109.375.027.125.07.246.098.37.554%202.02.898%204.137.996%206.298a29.5%2029.5%200%200%201-.403%206.515c-.73%204.344-2.39%208.59-4.828%2012.395-2.418%203.816-5.59%207.207-9.27%209.945a37%2037%200%200%201-5.906%203.57%2038.4%2038.4%200%200%201-6.46%202.434c-4.426%201.246-9.032%201.73-13.555%201.594a51.2%2051.2%200%200%201-13.2-2.203l-.788-.246c-.262-.086-.524-.168-.79-.266-.261-.082-.523-.18-.773-.262l-.773-.289a50%2050%200%200%201-3.032-1.258c-1.992-.93-3.914-2.023-5.644-3.406a21%2021%200%200%201-2.406-2.254l-.278-.304-.261-.317-.266-.32a7%207%200%200%200-.246-.317c-.168-.222-.32-.43-.485-.652a18%2018%200%200%201-.445-.664c-1.187-1.77-2.101-3.652-2.836-5.559-.094-.238-.18-.484-.262-.722-.082-.235-.164-.485-.25-.719-.066-.234-.152-.484-.218-.719l-.114-.36-.093-.359c-.07-.234-.125-.484-.196-.718-.054-.235-.109-.485-.164-.719a10%2010%200%200%201-.152-.723c-.043-.234-.098-.48-.14-.718-.36-1.922-.524-3.844-.567-5.711-.082-3.75.344-7.332%201.191-10.614.828-3.277%202.075-6.28%203.594-8.851a30%2030%200%200%201%205.16-6.406c1.867-1.688%203.723-2.989%205.438-3.942q1.29-.727%202.449-1.203c.195-.086.387-.152.566-.238.098-.04.18-.067.278-.11.097-.027.18-.07.277-.097.18-.067.344-.125.523-.18l.5-.164c1.301-.418%202.336-.61%203.043-.691.348-.06.622-.07.801-.07s.278.01.278.042c0%20.028-.082.082-.247.137-.167.07-.43.137-.761.25-.664.207-1.649.512-2.863%201.023-.153.067-.305.125-.473.192-.164.07-.317.152-.485.222a2%202%200%200%201-.246.11c-.086.043-.168.086-.265.125-.164.082-.344.168-.524.265-.718.36-1.48.801-2.27%201.313a28.3%2028.3%200%200%200-4.952%204.055%2029%2029%200%200%200-4.633%206.25c-1.344%202.464-2.422%205.328-3.113%208.453a37%2037%200%200%200-.844%2010.043c.082%201.758.289%203.543.664%205.328.039.222.094.441.137.664s.109.441.168.664c.054.223.109.441.164.664.07.223.125.441.195.664l.094.332.113.332c.07.223.137.442.219.664.086.223.168.43.238.649.082.222.152.445.246.652.707%201.727%201.566%203.418%202.656%204.965.141.195.266.387.418.582.153.195.29.375.442.566.07.098.136.196.222.278l.22.261.222.266.234.246c.637.68%201.344%201.316%202.102%201.91%201.523%201.176%203.265%202.13%205.105%202.946.93.402%201.867.777%202.852%201.12.25.083.484.169.734.25.246.083.485.165.73.235.25.082.5.152.75.234.247.07.497.153.747.223a48.5%2048.5%200%200%200%2012.41%201.883c4.219.082%208.476-.418%2012.52-1.621a36%2036%200%200%200%205.863-2.282%2032.6%2032.6%200%200%200%205.312-3.277%2034%2034%200%200%200%208.317-9.05c2.171-3.43%203.62-7.235%204.257-11.067.32-1.906.43-3.832.332-5.711a26%2026%200%200%200-.882-5.437m0%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } body { --colour-background: var(--colour-light-grey); } .entry-content { font-size: var(--font-size-normal); } button { font-weight: bold; padding: 1.5rem; border-radius: var(--border-radius); } .wp-block-button { &.arrow-down, &.go { position: relative; &::before { position: absolute; top: 50%; display: block; content: ''; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: contain; } } &.arrow-down { a { color: var(--colour-white); padding-inline: 3rem; } &::before { left: 0; width: 3.5rem; height: 100%; transform: translateY(-50%); background-image: var(--icon-join-arrow); } } &.go { a { font-weight: bold; margin-right: 2.5rem; } &::before { right: 0.5rem; width: 2rem; transform: translateY(-50%) rotate(-90deg); background-image: var(--icon-arrow-down); aspect-ratio: 1 / 1; } } } .wp-block-image.size-full.is-resized.title { img { margin-top: 2rem; margin-inline-start: 0; } } blockquote { font-size: var(--font-size-normal); line-height: 1.1em; margin: 0; } .pedddle-quiz { width: min(50rem, 90%); .question { display: grid; padding: 1rem; border-radius: var(--border-radius); background-color: var(--colour-white); gap: inherit; grid-column: 1 / -1; grid-template-columns: subgrid; --question-colour: var(--colour-yellow); --question-colour-text: var(--colour-black); &.q1 { --icon-question: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052.5%2076.08%22%20version%3D%221.0%22%3E%3Cpath%20d%3D%22M28.811%2019.408q.124.047.125.281v.875q-.456%206.644-1.453%2012.938-1.003%206.297-2.281%2012.484-.001-.17-.125-.172c-.074%200-.149.133-.219.39a2.7%202.7%200%200%200-.11.735q0%20.502-.327.5c-.086%200-.125-.035-.125-.11l-.032-.187q-.018-.2-.125-.265-.11.174-.203.203-.08.017-.078.14-.002.376-.484.36-.47-.03-.907.36-.11-.108-.343-.11a.7.7%200%200%200-.438.172%203%203%200%200%200-.39.328%201%201%200%200%200-.266-.36q-.187-.199-.187-.093%200%20.175.046.343.062.158.063.391a1.1%201.1%200%200%200-.14-.312%202%202%200%200%200-.298-.36q0%20.11.047.39.062.283.063.5c0%20.15-.04.243-.11.282q-.674-.608-.921-1.75a10.3%2010.3%200%200%201-.25-2.203c0-3.238.257-6.445.78-9.625a379%20379%200%200%200%201.891-12.984q.219-1.749.922-2.97.703-1.232%202.266-1.234.105.001.234.032.14.016.313.015.34-.046.781-.093.452-.061.781-.063%201.343%200%201.5%201.172m9.201%2020.172h.343q.78.002%201.078.672.312.657.313%201.437-.001.284-.031.531c-.024.168-.047.344-.079.532q-.063.345-.343.812-.281.47-.61.75-.674.282-1.5.281-.737.002-1.375-.218a2.1%202.1%200%200%201-1.03-.782q-.784-.341-.782-1.234%200-.608.281-1.187.28-.592.672-.985a3.1%203.1%200%200%201%201.422-.5q.75-.06%201.64-.11m0%200%22%20fill%3D%22%23ffe959%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M26.355%2016.934q.111.054.11.285v.883c-.297%204.43-.785%208.742-1.453%2012.945a274%20274%200%200%201-2.274%2012.476q-.001-.164-.125-.164-.107.001-.215.395a2.6%202.6%200%200%200-.109.723q0%20.492-.34.492c-.074%200-.11-.04-.11-.11q.001-.002-.026-.191-.028-.194-.137-.258-.11.175-.203.203-.082.028-.082.137%200%20.395-.477.367-.464-.03-.91.352-.11-.106-.344-.106-.215%200-.45.176-.215.166-.378.324a.9.9%200%200%200-.258-.351q-.192-.204-.191-.098.001.164.055.344c.035.105.054.234.054.379a1.5%201.5%200%200%200-.137-.301%202.4%202.4%200%200%200-.3-.367q.002.112.054.394c.04.184.055.352.055.504q.001.222-.11.274-.678-.611-.925-1.754-.241-1.145-.242-2.207%200-4.843.773-9.606.779-4.765%201.445-9.676.228-1.551.45-3.308c.152-1.168.46-2.164.922-2.98q.696-1.238%202.261-1.239.106%200%20.246.027.133.029.313.028c.215-.035.476-.07.773-.11q.45-.053.778-.054%201.348%200%201.507%201.172Zm9.196%2020.18h.34q.774%200%201.074.667.311.668.312%201.457.002.272-.027.532a7%207%200%200%201-.082.515q-.052.341-.34.817c-.18.316-.387.566-.613.75q-.664.27-1.496.27-.72%200-1.375-.216a1.98%201.98%200%200%201-1.02-.777q-.79-.34-.789-1.223-.001-.614.274-1.199.28-.584.68-.98a2.9%202.9%200%200%201%201.413-.504zm0%200%22%20stroke%3D%22%23352d27%22%20stroke-width%3D%222.09%22%2F%3E%3C%2Fsvg%3E'); } &.q2 { --icon-question: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052.5%2076.08%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M.066%204h51.872v56H.066Zm0%200%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M34.372%2045.898c.257.117.39.227.39.328q-.002.175-.344.313a1.9%201.9%200%200%201-.765.14%201%201%200%200%201-.203-.03%201.3%201.3%200%200%200-.25-.032q-.393.001-1.032.172c-.43.117-.734.281-.922.5q0%20.174.063.172c.07%200%20.11.039.11.11q.045-.282.437-.282h.781q.105.002.422.11.31.11.531.109c.188%200%20.305.011.36.03q.093.034.14.032-.721.174-1.531.453a5%205%200%200%201-1.594.266q-.048%200-.172.094-.111.08-.375.078-.345.002-.515-.032-.16-.03-.828-.03.105%200%20.14.03.03.034.031.032%200%20.063-.234.062a.6.6%200%200%201-.25-.062.7.7%200%200%200-.25-.063q-.22.002-.5.453-1.003.721-2.844%201.063a26%2026%200%200%201-3.796.39%20143%20143%200%200%201-3.344.047h-.281q-1.05.002-2.204-.906-1.139-.921-1.139-2.937%200-1.56%201.078-3.313%201.09-1.765%202.797-3.687a102%20102%200%200%201%203.625-3.875q1.92-1.951%203.625-3.844c1.133-1.258%202.062-2.469%202.781-3.625q1.092-1.734%201.094-3.188c0-.925-.274-1.601-.813-2.03q-.798-.641-2.078-.642-1.518.001-3.406.641a10.2%2010.2%200%200%200-3.344%201.875q-.504.391-1.172.813-.674.408-1.11.406-.454%200-.452-.672.169-1.937%201.703-3.39%201.528-1.453%203.766-2.266%202.232-.812%204.453-.813%202.341%200%204.015%201.125a7.57%207.57%200%200%201%202.594%202.953q.92%201.846.922%204.016%200%202.737-1.172%205.281a25.4%2025.4%200%200%201-2.906%204.797%2044%2044%200%200%201-3.532%204.094%20328%20328%200%200%201-3.188%203.172q-1.36%201.348-1.687%202.061.045.064.343.063h.438q2.279.001%204.234-.532%201.95-.528%204.125-.53%201.5%200%203.235.5m9.373-3.578h.328c.52%200%20.88.227%201.078.672q.312.675.313%201.453-.001.284-.031.531a4%204%200%200%201-.079.532c-.042.218-.156.492-.343.812q-.27.47-.61.75-.655.282-1.5.281-.72.002-1.359-.218a2.1%202.1%200%200%201-1.031-.797q-.784-.328-.782-1.219c0-.406.086-.8.266-1.187q.28-.592.672-.985a2.83%202.83%200%200%201%201.422-.5q.749-.06%201.656-.125m0%200%22%20fill%3D%22%23ffab8c%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M31.91%2043.43q.38.163.379.343%200%20.16-.34.297-.328.136-.762.137-.069%200-.203-.027a1.2%201.2%200%200%200-.246-.028c-.261%200-.61.059-1.035.176q-.639.165-.926.492.001.176.055.176c.082%200%20.121.04.121.11q.058-.287.438-.286h.789q.11%200%20.41.121.31.111.531.11c.188%200%20.313.008.367.027q.08.029.137.027-.725.163-1.54.45a4.9%204.9%200%200%201-1.581.273q-.053%200-.176.082c-.07.055-.2.082-.379.082a4%204%200%200%201-.504-.027q-.164-.029-.832-.028.109-.001.137.028l.027.027q-.001.066-.218.067a.7.7%200%200%201-.258-.055.6.6%200%200%200-.246-.067q-.229%200-.504.45-1.009.718-2.844%201.062a28%2028%200%200%201-3.8.395q-1.947.053-3.337.054h-.285q-1.06%200-2.203-.914-1.147-.925-1.145-2.941%200-1.563%201.09-3.32c.723-1.172%201.657-2.399%202.79-3.676a102%20102%200%200%201%203.62-3.867c1.29-1.309%202.497-2.59%203.622-3.852q1.703-1.908%202.793-3.637t1.09-3.171q-.001-1.389-.817-2.028c-.54-.437-1.23-.656-2.086-.656-.996%200-2.133.219-3.402.656a10.1%2010.1%200%200%200-3.336%201.863q-.503.382-1.184.805-.666.422-1.105.422c-.297%200-.45-.223-.45-.668q.163-1.962%201.692-3.402%201.535-1.46%203.77-2.262%202.232-.804%204.464-.805%202.345.002%204.016%201.117%201.675%201.104%202.59%202.958.926%201.835.926%204%200%202.736-1.172%205.285a25.4%2025.4%200%200%201-2.899%204.789%2044%2044%200%200%201-3.543%204.101%20304%20304%200%200%201-3.183%203.184q-1.364%201.334-1.703%202.055c.046.039.167.054.367.054h.422q2.29%200%204.234-.531a15.7%2015.7%200%200%201%204.125-.531q1.513%200%203.242.504Zm9.36-3.567h.34c.519%200%20.874.223%201.077.668Q43%2041.2%2043%2041.988c0%20.18-.012.36-.027.532a7%207%200%200%201-.082.515q-.054.341-.34.817-.275.48-.614.75a3.9%203.9%200%200%201-1.496.273q-.724%200-1.379-.219a1.96%201.96%200%200%201-1.02-.777q-.788-.34-.788-1.223%200-.614.273-1.199a3.6%203.6%200%200%201%20.68-.98%202.86%202.86%200%200%201%201.414-.504c.512-.036%201.059-.07%201.649-.11Zm0%200%22%20stroke%3D%22%23352d27%22%20stroke-width%3D%222.091%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); --question-colour: var(--colour-orange); --question-colour-text: var(--colour-white); } &.q3 { --icon-question: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052.5%2076.08%22%20version%3D%221.0%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M1%201h50.938v57H1Zm0%200%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M27.765%2034.082q.715.503%201.718%201.235a9%209%200%200%201%201.813%201.703%203.42%203.42%200%200%201%20.812%202.25q-.002%201.735-1%203.265a10.8%2010.8%200%200%201-2.547%202.703%2013.6%2013.6%200%200%201-3.203%201.844q-1.675.674-3%20.672a3.2%203.2%200%200%201-.734-.11q-.44-.123-.547-.124c0-.07-.117-.11-.344-.11h-.328a.58.58%200%200%201-.453-.187q-.157-.2-.156-.313-.064-.106-.625-.187a6%206%200%200%200-.672-.094.37.37%200%200%200-.266.11q.218-.388.219-.547-.001-.564-.625-.704a4.7%204.7%200%200%200-1-.14q-.002-.06.031-.078.031-.03.032-.094c0-.07.023-.11.078-.11q.093%200%20.093-.046h-.14a.35.35%200%200%200-.25.109q-.001-.106.11-.172.105-.059.28-.281h-1.062q-.001-.045.11-.078.107-.03.109-.078a.9.9%200%200%200%20.5-.391q.169-.28.39-.344%203.799-.778%205.625-2.031%201.842-1.247%201.844-1.703.124-.328.125-.39-.001-.562-.734-.954-.721-.388-1.813-.781a47%2047%200%200%201-2.203-.86q-1.112-.468-1.844-1.171a2.3%202.3%200%200%201-.719-1.703v-.22q.06-.387.641-.812.593-.42%201.344-.781.748-.357%201.297-.578.563-.218.515-.219%201.841-.95%203.594-2.703%201.747-1.763%202.922-3.625c.781-1.25%201.172-2.32%201.172-3.219q-.001-1.498-.922-2-.926-.499-2.203-.5-1.22%200-2.39.219c-.782.148-1.4.219-1.844.219q-.224.002-.422.25a.56.56%200%200%201-.47.25.72.72%200%200%200-.421.14.76.76%200%200%201-.469.141q-2.173%200-2.172-.672-.001-.544%201.282-1.328%201.277-.781%203.14-1.484%201.873-.703%203.5-.86c.406-.07.785-.11%201.14-.11h1.032q7.467.002%207.469%206.735a9.65%209.65%200%200%201-1.14%204.563%2015%2015%200%200%201-2.844%203.781q-1.705%201.642-3.376%202.703m14.839%205.125h.328c.52%200%20.88.227%201.078.672q.312.675.313%201.453-.001.284-.031.531a4%204%200%200%201-.079.532c-.042.218-.156.492-.343.812q-.27.47-.61.75-.655.282-1.5.281-.72.002-1.359-.218a2.1%202.1%200%200%201-1.031-.797q-.784-.328-.782-1.219c0-.406.086-.8.266-1.187q.28-.592.672-.985a2.83%202.83%200%200%201%201.422-.5q.749-.06%201.656-.125m0%200%22%20fill%3D%22%23ffa0ce%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M25.293%2031.617q.733.505%201.73%201.227a9.4%209.4%200%200%201%201.809%201.703%203.4%203.4%200%200%201%20.816%202.258c0%201.156-.336%202.242-1.007%203.27a11%2011%200%200%201-2.543%202.695%2013.8%2013.8%200%200%201-3.2%201.851q-1.675.668-3.011.668-.272.001-.719-.11-.451-.12-.559-.12%200-.111-.34-.11h-.328a.57.57%200%200%201-.449-.191q-.165-.206-.164-.313c-.035-.074-.242-.136-.613-.191a7%207%200%200%200-.68-.082q-.164-.001-.273.11.217-.397.218-.56c0-.37-.203-.605-.613-.695q-.61-.147-.992-.148%200-.053.027-.082a.13.13%200%200%200%20.028-.082q0-.11.082-.11c.05%200%20.078-.015.078-.054h-.149q-.134.002-.246.11c0-.071.04-.126.11-.165.082-.035.18-.129.285-.285h-1.06q0-.053.106-.082.124-.024.125-.082c.218-.07.379-.2.488-.38q.18-.286.395-.339%203.803-.79%205.636-2.043%201.84-1.253%201.84-1.703c.07-.219.11-.344.11-.383q-.001-.555-.723-.949-.721-.397-1.813-.777a47%2047%200%200%201-2.203-.871c-.746-.32-1.36-.707-1.84-1.172a2.27%202.27%200%200%201-.718-1.703v-.215q.052-.397.636-.805.586-.42%201.336-.79.748-.368%201.309-.585.556-.218.504-.219c1.222-.633%202.422-1.539%203.593-2.707q1.753-1.758%202.926-3.62%201.172-1.869%201.172-3.216%200-1.498-.926-2-.914-.504-2.191-.504-1.228-.001-2.398.23c-.782.145-1.391.22-1.836.22q-.235%200-.422.257a.59.59%200%200%201-.477.247.74.74%200%200%200-.422.132.76.76%200%200%201-.465.137q-2.18-.001-2.18-.664.002-.562%201.282-1.336%201.28-.79%203.145-1.484c1.253-.461%202.414-.75%203.484-.856q.628-.124%201.144-.125h1.036q7.476-.001%207.476%206.754a9.56%209.56%200%200%201-1.144%204.547%2015%2015%200%200%201-2.848%203.797q-1.7%201.635-3.375%202.695Zm14.836%205.133h.34q.774%200%201.074.668.313.667.312%201.457.002.275-.027.531a5%205%200%200%201-.082.52q-.052.337-.34.816-.269.476-.613.746-.663.275-1.496.274c-.48%200-.938-.07-1.375-.22a1.97%201.97%200%200%201-1.02-.772q-.792-.341-.793-1.227.002-.614.274-1.2.287-.583.68-.98a2.94%202.94%200%200%201%201.417-.504zm0%200%22%20stroke%3D%22%23352d27%22%20stroke-width%3D%222.091%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); --question-colour: var(--colour-pink); --question-colour-text: var(--colour-white); } &.q4 { --icon-question: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052.5%2076.08%22%20version%3D%221.0%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M.066%200h51.872v61H.066Zm0%200%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M34.796%2031.987q.218%200%20.688.281.48.269.843.578.357.299.25.297-.112.346-.64.406-.535.049-1.063.078-.533.036-.703.422a10%2010%200%200%200-.61.75.82.82%200%200%201-.39.344q-.222.08-.937.125a122%20122%200%200%200-1.047%206.735%2082%2082%200%200%201-1.188%206.984q-.002-.328-.062-.328c-.031%200-.117.156-.25.469q-.189.468-.64.468s-.012-.023-.032-.078q-.017-.075-.016-.578-.174.158-.172.328c0%20.031-.011.117-.03.25q-.034.188-.032.188l-.078-.11a.47.47%200%200%200-.203-.156q-.002.048.031.078c.02.024.031.047.031.078a.7.7%200%200%201-.062.25%201%201%200%200%200-.047.313.4.4%200%200%201-.063-.219v-.344q-.046.064-.078.282-.033.22-.078.218l-.031-.187a1.1%201.1%200%200%200-.094-.313c0-.07-.039-.11-.11-.11-.03%200-.07-.093-.109-.28a1.8%201.8%200%200%200-.046.453v.562a2%202%200%200%200-.157-.25%201.2%201.2%200%200%201-.125-.375q-.064%200-.015.094c.039.055.046.078.015.078a.8.8%200%200%200-.062-.219%201.5%201.5%200%200%201-.047-.39q-.001-.172.11-.5a2.05%202.05%200%200%200-.391%201.219c-.075-.07-.133-.11-.172-.11v.5q-.048%200-.078-.047-.036-.06-.094-.062h-.578q-.422.002-.469.11%200-.048-.312-.048h-.36a.27.27%200%200%200-.172.047q-.002-.106-.062-.406-.048-.312-.219-.313v.672c0-.082-.04-.148-.11-.203q-.11-.075-.109-.25-.063-.499-.11-.5-.062%200-.062.328v.282q-.002.221.032.39.03.174.078.344a3%203%200%200%201-.172-.203q-.048-.077-.219-.078c-.105.03-.234.132-.39.297q-.223.252-.391.312a9%209%200%200%201-.047-.89v-.891q-.001-3.295.578-6.969.593-3.687.922-6.64h-.219a18%2018%200%200%201-2.797-.25%2014.8%2014.8%200%200%201-3.093-.86q-1.535-.62-2.594-1.594a4.14%204.14%200%200%201-1.281-2.422%2089%2089%200%200%201-.079-1.453%2024%2024%200%200%201-.03-1.234q0-1.06.046-1.969.06-.92.125-2.047.218-1.17.406-2.64c.133-.989.36-1.938.672-2.844q.481-1.373%201.485-2.266.996-.89%202.797-.89h.265q.731%200%201.516.03.78.036%201.312.282.53.252.531%201.031%200%20.159-.03.328a6%206%200%200%201-.095.391q-.439%201.845-.89%204.078a56%2056%200%200%200-.688%204.297q-.251%202.063-.25%203.5-.001.394.016.735.029.327.094.609c.031.187.25.367.656.531q.623.251%201.375.39c.5.095.898.141%201.203.141.188-.925.367-1.898.547-2.922q.282-1.545.281-3.109.17-.997.469-2.469.31-1.483%201.031-2.656.733-1.172%202.016-1.172h.39c.301%200%20.739.024%201.313.063.57.031%201.098.133%201.578.297q.733.252.735.875c0%20.03.015.086.046.156a.4.4%200%200%201%20.063.172q.06.392.062.75v.75q0%202.518-.422%204.75a38%2038%200%200%200-.578%204.953c.594.043%201.07.074%201.438.094.375.023.617.03.734.03m7.754%208.407h.328c.52%200%20.88.227%201.078.672q.312.675.313%201.453-.001.284-.031.531a4%204%200%200%201-.079.532c-.042.218-.156.492-.343.812q-.27.47-.61.75-.655.282-1.5.281-.72.002-1.359-.218a2.1%202.1%200%200%201-1.031-.797q-.784-.328-.782-1.219c0-.406.086-.8.266-1.187q.28-.592.672-.985a2.83%202.83%200%200%201%201.422-.5q.749-.06%201.656-.125m0%200%22%20fill%3D%22%23ffe959%22%2F%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M32.328%2029.512q.216-.001.695.285.476.27.829.586.368.298.261.297-.112.34-.64.394c-.356.04-.707.067-1.063.082q-.532.03-.695.422-.448.503-.613.766a.8.8%200%200%201-.395.324q-.217.083-.937.137-.628%203.404-1.051%206.726a82%2082%200%200%201-1.184%206.996c0-.226-.015-.34-.055-.34q-.064%200-.257.477-.189.475-.641.477l-.027-.082q-.026-.094-.028-.586-.164.163-.164.328%200%20.052-.027.258l-.024.191s-.035-.035-.097-.11a.7.7%200%200%200-.192-.175c0%20.043.012.078.028.094q.029.029.027.082a.6.6%200%200%201-.055.246.9.9%200%200%200-.054.312.6.6%200%200%201-.055-.23v-.328q-.053.054-.078.285-.03.218-.082.219l-.043-.192a.9.9%200%200%200-.082-.312c0-.07-.035-.11-.11-.11q-.052%200-.109-.285-.051.163-.05.45v.558q-.058-.111-.137-.246a2%202%200%200%201-.153-.367q-.053%200%200%20.082.07.082%200%20.082a.8.8%200%200%200-.054-.22%201.4%201.4%200%200%201-.055-.394q.002-.163.11-.504a2.13%202.13%200%200%200-.38%201.227q-.11-.11-.18-.11v.505q-.053-.001-.077-.055-.03-.054-.082-.055h-.586q-.424-.001-.477.11%200-.054-.312-.055h-.356q-.111.001-.164.055.002-.112-.055-.41-.053-.312-.23-.313v.668q.001-.11-.11-.192a.33.33%200%200%201-.109-.257q-.051-.504-.11-.504-.052%200-.054.34v.273c0%20.152.012.285.027.395q.03.163.082.328a2%202%200%200%201-.164-.192q-.053-.082-.23-.082c-.11.035-.238.14-.395.313-.144.164-.273.261-.379.3a7%207%200%200%201-.054-.886v-.899q0-3.294.582-6.968.585-3.68.914-6.633h-.219q-1.224%200-2.789-.246a14.8%2014.8%200%200%201-3.09-.871q-1.54-.611-2.601-1.59a4.14%204.14%200%200%201-1.282-2.426%2065%2065%200%200%201-.082-1.457%2036%2036%200%200%201-.027-1.223q.001-1.064.055-1.976.057-.925.11-2.043.233-1.168.421-2.64.194-1.485.668-2.845.475-1.376%201.484-2.261%201.008-.898%202.79-.899h.273q.721.002%201.496.028.791.028%201.324.285.528.247.527%201.035%200%20.165-.023.328-.03.165-.082.395a96%2096%200%200%200-.898%204.07%2058%2058%200%200%200-.711%204.305q-.241%202.053-.243%203.496-.001.395.028.734.04.33.094.613.052.275.667.532.61.247%201.36.382.748.136%201.2.137.283-1.39.558-2.914.286-1.54.285-3.105c.11-.672.262-1.497.465-2.477q.31-1.483%201.03-2.656.727-1.172%202.017-1.172h.382q.45.001%201.305.055c.582.039%201.113.14%201.594.316.492.16.734.45.734.855%200%20.036.02.098.055.176a.4.4%200%200%201%20.055.164c.039.266.054.52.054.762v.738q0%202.516-.422%204.75-.42%202.22-.586%204.957.902.053%201.457.082.561.026.723.028Zm7.746%208.425h.34c.52%200%20.875.223%201.074.668q.317.668.317%201.457c0%20.18-.012.36-.028.532a8%208%200%200%201-.082.515q-.058.341-.34.817c-.183.32-.386.566-.613.75q-.667.272-1.5.273a4.4%204.4%200%200%201-1.375-.219%201.98%201.98%200%200%201-1.02-.777q-.79-.339-.788-1.223%200-.614.27-1.199.285-.587.683-.98.666-.452%201.414-.504.763-.054%201.648-.11Zm0%200%22%20stroke%3D%22%23352d27%22%20stroke-width%3D%222.091%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } } dl { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1rem; } dt { font-size: var(--font-size-sub-2); font-weight: bold; line-height: 1.1em; position: relative; padding-left: 4rem; grid-column: 1 / -1; &::before { position: absolute; top: 0; left: 0; display: block; width: 4rem; margin-right: 0.5rem; content: ''; transform: translateY(-0.8rem); vertical-align: middle; background-image: var(--icon-question); background-repeat: no-repeat; background-position: center; background-size: contain; aspect-ratio: 1 / 1; } } dd { margin: 0; [type=radio] { display: none; } [type=radio]:checked + label { font-weight: bold; background: var(--question-colour); } label { display: grid; align-content: center; width: 100%; height: 100%; padding: 0.8rem 1rem; cursor: pointer; text-align: center; color: var(--question-colour-text); border-radius: var(--border-radius); background: rgb(from var(--question-colour) r g b / 0.7); } } button { cursor: pointer; color: var(--colour-white); border: none; background-color: var(--colour-turquoise); } } .wp-block-group.quiz-result { display: grid; padding: 1rem; border-radius: var(--border-radius); background-color: var(--colour-white); margin-block: 1rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); .join-header { width: 15rem; } } .entry-content { .scroll-container { background: transparent; box-shadow: unset; .scroller { /*justify-content: center;*/ width: 100%; } } } #join-modal { width: min(35rem, 90%); h2 { margin-block-start: 0; } } .pedddle-info { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(15rem, max(20rem, 100% / 2)), 1fr)); p { display: grid; grid-template-columns: subgrid; grid-column: 1/-1; gap: 0.5rem; &:has(input[type=hidden]) { overflow: hidden; height: 0; margin: 0; padding: 0; } } input { width: 100%; background-color: var(--colour-light-grey); } button { grid-column: 2; } } .join-form { padding: 1rem; border-radius: var(--border-radius); background-color: var(--colour-white); margin-block: 1rem; .join-header { width: 10rem; } section { &.community, &.directory { display: flex; flex-flow: row wrap; div { flex: 1 1 50%; } } &.community { --colour-join: var(--colour-turquoise); --colour-join-text: var(--colour-white); } &.directory { --colour-join: var(--colour-yellow); --colour-join-text: var(--colour-black); div { flex: 1 1 100%; } } } label { display: block; width: min(8rem, 20vw); margin: 1rem auto; } input[type=radio] { all: unset; display: block; width: 1rem; margin: auto; border: 1px solid var(--colour-black); border-radius: 0.2rem; aspect-ratio: 1/1; &:checked { content: var(--icon-check); background-color: var(--colour-join); } } .join-now { flex: 0 0 auto; width: 100%; button { display: block; width: min(10rem, 80%); margin: 1rem auto; color: var(--colour-join-text); background-color: var(--colour-join); &:disabled { cursor: not-allowed; background-color: rgb(from var(--colour-join) r g b / 0.5); } } } } dialog { max-width: min(40rem, 80vw); margin: auto; padding: 1rem; border: none; border-radius: var(--border-radius); outline: none; background: var(--colour-white); box-shadow: 0.1rem 0.1rem 0.5rem var(--colour-black); } .error .validate-required:has(input:invalid) label { color: var(--colour-pink); } .wp-block-cover.alignfull { margin-block: 2rem; } .wp-block-group { &.testimonial { padding: 1rem; border: 0.2rem solid var(--colour-yellow); border-radius: 4rem; background-color: var(--colour-white); .scroller & { width: min(30rem, 90%); } .wp-block-media-text { figure { position: relative; &::before { position: absolute; display: block; content: ''; background-color: var(--colour-yellow); inset: 0; mask-image: var(--icon-circle); mask-repeat: no-repeat; mask-size: cover; } } img { border-radius: 100%; aspect-ratio: 1 / 1; } } } } .notice { font-size: var(--font-size-l); display: block; max-width: min(40rem, 80vw); margin: 1rem auto; padding: 1rem; text-align: center; border-radius: var(--border-radius); background: var(--colour-yellow); dialog& { margin: auto; } &.success { background: var(--colour-turquoise); } &.error { color: var(--colour-white); background: var(--colour-pink); } }