/* | | | ,---.. ,,---.,---.,---.| | ,---.. .| ,---.,---. | | \ / |---'| ,---|| | | | || |---'`---. `---' `' `---'` `---^`---'`---' ` `---'`---'`---'`---' */ .scope-kit-b8ico {} .scope-kit-b8ico h2 {color:#31728c ;} .scope-kit-b8ico .block .gap {border: 1px solid #ccc; background: white; border-radius: 4px; padding: 4px;} .scope-kit-b8ico .block .gap.full {width: calc(100% - 10px);} .kit-b8ico-i1, .kit-b8ico-i2, .kit-b8ico-i3, .kit-b8ico-i4, .kit-b8ico-i5 {} .kit-b8ico-i1 {color: red;} .kit-b8ico-i2 {color: blue;} .kit-b8ico-i3 {color: green;} .kit-b8ico-i4 {background-color: #dcecb9;} .kit-b8ico-i5 {background-color: #fffdbd;} .kit-b8ico-i6 {color: #ed028c;} .kit-b8ico-i7 {color: #00654b;} .kit-b8ico-pseudo-exercise-description {padding: 8px; font-size: 18px; display: block; font-family: Roboto; position: relative;} .kit-b8ico-pseudo-exercise-description:before { border-left: 2px solid; position: absolute; content: ""; height: 100%; left: 0; top: 0; opacity: .35;} .kit-b8ico-k1, .kit-b8ico-k2, .kit-b8ico-k3, .kit-b8ico-k4, .kit-b8ico-k5, .kit-b8ico-k6, .kit-b8ico-k7, .kit-b8ico-k8, .kit-b8ico-k9, .kit-b8ico-k10, .kit-b8ico-k11, .kit-b8ico-k12, .kit-b8ico-k13, .kit-b8ico-k14, .kit-b8ico-k15, .kit-b8ico-k16 {background-color: #F9F7DC; border: 2px solid; border-image: linear-gradient(180deg, #A98536, #E2D489) 1; padding: 16px; border-radius: 4px; margin-bottom: 16px; clear: left; overflow: auto;} .kit-b8ico-k1 h3, .kit-b8ico-k2 h3, .kit-b8ico-k3 h3, .kit-b8ico-k4 h3, .kit-b8ico-k5 h3, .kit-b8ico-k6 h3, .kit-b8ico-k7 h3, .kit-b8ico-k8 h3, .kit-b8ico-k9 h3, .kit-b8ico-k10 h3, .kit-b8ico-k11 h3, .kit-b8ico-k12 h3, .kit-b8ico-k13 h3, .kit-b8ico-k14 h3, .kit-b8ico-k15 h3, .kit-b8ico-k16 h3 {color: #9B7931; padding-right: 60px;} .kit-b8ico-k1 ul.list > li::before, .kit-b8ico-k1 ol.list>li:before, .kit-b8ico-k1 ol.subset>li:before, .kit-b8ico-k1 ol.task>li:before, .kit-b8ico-k2 ul.list > li::before, .kit-b8ico-k2 ol.list>li:before, .kit-b8ico-k2 ol.subset>li:before, .kit-b8ico-k2 ol.task>li:before, .kit-b8ico-k3 ul.list > li::before, .kit-b8ico-k3 ol.list>li:before, .kit-b8ico-k3 ol.subset>li:before, .kit-b8ico-k3 ol.task>li:before, .kit-b8ico-k4 ul.list > li::before, .kit-b8ico-k4 ol.list>li:before, .kit-b8ico-k4 ol.subset>li:before, .kit-b8ico-k4 ol.task>li:before, .kit-b8ico-k5 ul.list > li::before, .kit-b8ico-k5 ol.list>li:before, .kit-b8ico-k5 ol.subset>li:before, .kit-b8ico-k5 ol.task>li:before, .kit-b8ico-k6 ul.list > li::before, .kit-b8ico-k6 ol.list>li:before, .kit-b8ico-k6 ol.subset>li:before, .kit-b8ico-k6 ol.task>li:before, .kit-b8ico-k7 ul.list > li::before, .kit-b8ico-k7 ol.list>li:before, .kit-b8ico-k7 ol.subset>li:before, .kit-b8ico-k7 ol.task>li:before, .kit-b8ico-k8 ul.list > li::before, .kit-b8ico-k8 ol.list>li:before, .kit-b8ico-k8 ol.subset>li:before, .kit-b8ico-k8 ol.task>li:before, .kit-b8ico-k9 ul.list > li::before, .kit-b8ico-k9 ol.list>li:before, .kit-b8ico-k9 ol.subset>li:before, .kit-b8ico-k9 ol.task>li:before, .kit-b8ico-k10 ul.list > li::before, .kit-b8ico-k10 ol.list>li:before, .kit-b8ico-k10 ol.subset>li:before, .kit-b8ico-k10 ol.task>li:before, .kit-b8ico-k11 ul.list > li::before, .kit-b8ico-k11 ol.list>li:before, .kit-b8ico-k11 ol.subset>li:before, .kit-b8ico-k11 ol.task>li:before, .kit-b8ico-k12 ul.list > li::before, .kit-b8ico-k12 ol.list>li:before, .kit-b8ico-k12 ol.subset>li:before, .kit-b8ico-k12 ol.task>li:before, .kit-b8ico-k13 ul.list > li::before, .kit-b8ico-k13 ol.list>li:before, .kit-b8ico-k13 ol.subset>li:before, .kit-b8ico-k13 ol.task>li:before, .kit-b8ico-k14 ul.list > li::before, .kit-b8ico-k14 ol.list>li:before, .kit-b8ico-k14 ol.subset>li:before, .kit-b8ico-k14 ol.task>li:before, .kit-b8ico-k15 ul.list > li::before, .kit-b8ico-k15 ol.list>li:before, .kit-b8ico-k15 ol.subset>li:before, .kit-b8ico-k15 ol.task>li:before, .kit-b8ico-k16 ul.list > li::before, .kit-b8ico-k16 ol.list>li:before, .kit-b8ico-k16 ol.subset>li:before, .kit-b8ico-k16 ol.task>li:before {color: #9B7931; font-weight: bold;} /* I use my skills to learn */ .kit-b8ico-k1 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="48" height="48" viewBox="0 0 48 48"%3E%3Cdefs%3E%3Cmask id="ipTDegreeHat0"%3E%3Cg fill="none" stroke="%23fff" stroke-linejoin="round" stroke-width="4"%3E%3Cpath fill="%23555" d="M2 17.4L23.022 9l21.022 8.4l-21.022 8.4z"%2F%3E%3Cpath stroke-linecap="round" d="M44.044 17.51v9.223m-32.488-4.908v12.442S16.366 39 23.022 39c6.657 0 11.467-4.733 11.467-4.733V21.825"%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath fill="%239b7931" d="M0 0h48v48H0z" mask="url(%23ipTDegreeHat0)"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Group activity */ .kit-b8ico-k2 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="%239b7931" d="M5 16v-5.3c-.6-.3-1-1-1-1.7V5c0-.7.4-1.3 1-1.7V3c0-1.1-.9-2-2-2s-2 .9-2 2s.9 2 2 2H1c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1v5zM15 5h-2c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2v.3c.6.4 1 1 1 1.7v4c0 .7-.4 1.4-1 1.7V16h4v-5c.5 0 1-.5 1-1V6c0-.5-.5-1-1-1m-5-3a2 2 0 1 1-3.999.001A2 2 0 0 1 10 2"%2F%3E%3Cpath fill="%239b7931" d="M10 4H6c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1v6h4v-6c.5 0 1-.5 1-1V5c0-.5-.5-1-1-1"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Reading Time */ .kit-b8ico-k3 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="448" height="512" viewBox="0 0 448 512"%3E%3Cpath fill="%239b7931" d="M352 0c53 0 96 43 96 96v320c0 53-43 96-96 96H32c-17.7 0-32-14.3-32-32s14.3-32 32-32v-64c-17.7 0-32-14.3-32-32V32C0 14.3 14.3 0 32 0h32zm0 384H96v64h256c17.7 0 32-14.3 32-32s-14.3-32-32-32m-77.9-233.8l-8.9 21.4l-23.1 1.9c-5.7.5-8 7.5-3.7 11.2l17.6 15.1l-5.4 22.6c-1.3 5.5 4.7 9.9 9.6 6.9l19.8-12.1l19.8 12.1c4.9 3 10.9-1.4 9.6-6.9l-5.4-22.6l17.6-15.1c4.3-3.7 2-10.8-3.7-11.2l-23.1-1.9l-8.9-21.4c-2.2-5.3-9.6-5.3-11.8 0M96 192c0 70.7 57.3 128 128 128c25.6 0 49.5-7.5 69.5-20.5c3.2-2.1 4.5-6.2 3.1-9.7s-5.2-5.6-9-4.8c-6.1 1.2-12.5 1.9-19 1.9c-52.4 0-94.9-42.5-94.9-94.9s42.5-94.9 94.9-94.9c6.5 0 12.8.7 19 1.9c3.8.8 7.5-1.3 9-4.8s.2-7.6-3.1-9.7c-20-13-43.9-20.5-69.5-20.5c-70.7 0-128 57.3-128 128"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Working individually */ .kit-b8ico-k4 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="%239b7931" d="M5 5a5 5 0 0 1 10 0v2A5 5 0 0 1 5 7zM0 16.68A19.9 19.9 0 0 1 10 14c3.64 0 7.06.97 10 2.68V20H0z"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Working in pairs */ .kit-b8ico-k5 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="%239b7931" d="M5.5 0a3.499 3.499 0 1 0 0 6.996A3.499 3.499 0 1 0 5.5 0m-2 8.994a3.5 3.5 0 0 0-3.5 3.5v2.497h11v-2.497a3.5 3.5 0 0 0-3.5-3.5zm9 1.006H12v5h3v-2.5a2.5 2.5 0 0 0-2.5-2.5"%2F%3E%3Cpath fill="%239b7931" d="M11.5 4a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Enriching knowledge/experience */ .kit-b8ico-k6 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%239b7931" d="M12 6a6 6 0 0 1 6 6c0 2.22-1.21 4.16-3 5.2V19a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-1.8c-1.79-1.04-3-2.98-3-5.2a6 6 0 0 1 6-6m2 15v1a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-1zm6-10h3v2h-3zM1 11h3v2H1zM13 1v3h-2V1zM4.92 3.5l2.13 2.14l-1.42 1.41L3.5 4.93zm12.03 2.13l2.12-2.13l1.43 1.43l-2.13 2.12z"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* We/I take the initiative to learn */ .kit-b8ico-k7 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="%239b7931" d="M256.3 19.95c-41 0-74.1 32.7-74.1 73.27c0 22.98 8 33.78 16.8 47.78c5.9 9.3 12 20.1 15.5 35.6h83c3.5-15.9 9.6-26.8 15.5-36.2c8.9-14.1 16.8-24.7 16.8-47.18c0-40.57-32.8-73.27-73.5-73.27m-142.1 7.7L81 35.4l81.2 40.25zm283.6 0l-48 48L431 35.4zM210.5 79.2l45.5 22.7l45.5-22.7l-20.8 83l-17.4-4.4l11.2-45l-18.5 9.3l-18.5-9.3l11.2 45l-17.4 4.4zM64 96.03v32.07l96-16.1zm384 0L352 112l96 16zM334.2 144.3l39.9 63.3l24.1-15.3zm-156.4.1l-64 48l24.1 15.3zM216 191v16h80v-16zm34.4 28.3c-13.7 0-26.9.5-35.7 1c-68.2 10.7-82.9 105.4-66.7 191.6h23.6l-1-105.4l18.6-.2c-1.4 63.7 1.6 126.6 5.5 189.7h51.4V390.3h18.7V496h50.4c4.5-65 5.9-131.5 6.5-189.7l18.7.2l-1.1 105.4h24.6c18.3-88.5-4.8-178.9-67.1-190.6c-9.4-1.4-24.9-2-40.6-2z"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Class activity */ .kit-b8ico-k8 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cpath fill="%239b7931" d="M10 30H8v-3H4v3H2v-3a2.002 2.002 0 0 1 2-2h4a2.002 2.002 0 0 1 2 2zm20 0h-2v-3h-4v3h-2v-3a2.002 2.002 0 0 1 2-2h4a2.002 2.002 0 0 1 2 2zm-10 0h-2v-3h-4v3h-2v-3a2.002 2.002 0 0 1 2-2h4a2.002 2.002 0 0 1 2 2z"%2F%3E%3Ccircle cx="16" cy="22" r="2" fill="%239b7931"%2F%3E%3Ccircle cx="6" cy="22" r="2" fill="%239b7931"%2F%3E%3Ccircle cx="26" cy="22" r="2" fill="%239b7931"%2F%3E%3Ccircle cx="21" cy="18" r="2" fill="%239b7931"%2F%3E%3Ccircle cx="11" cy="18" r="2" fill="%239b7931"%2F%3E%3Cpath fill="%239b7931" d="M26 14H6a2.002 2.002 0 0 1-2-2V4a2.002 2.002 0 0 1 2-2h20a2.002 2.002 0 0 1 2 2v8a2.002 2.002 0 0 1-2 2M6 4v8h20V4Z"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Quick Facts */ .kit-b8ico-k9 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="%239b7931" d="M7.085 3A1.5 1.5 0 0 1 8.5 2h3a1.5 1.5 0 0 1 1.415 1H14.5A1.5 1.5 0 0 1 16 4.5v4.707A5.5 5.5 0 0 0 10.257 18H5.5A1.5 1.5 0 0 1 4 16.5v-12A1.5 1.5 0 0 1 5.5 3zM8.5 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM19 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m-2.146-1.854a.5.5 0 0 0-.708 0L13.5 15.293l-.646-.647a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0 0-.708"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Digital Moment */ .kit-b8ico-k10 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="%239b7931" d="M19.754 15.631L18 13V4c0-1.102-.9-2-2-2H4c-1.101 0-2 .898-2 2v9L.246 15.631C0 16 0 16.213 0 16.5v.5c0 .5.5 1 .999 1h18.002c.499 0 .999-.5.999-1v-.5c0-.287 0-.5-.246-.869M7 16l.6-1h4.8l.6 1zm9-4H4V4h12z"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Home Activity */ .kit-b8ico-k11 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="256" height="256" viewBox="0 0 256 256"%3E%3Cg fill="%239b7931"%3E%3Cpath d="M216 115.54V216h-64v-56a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v56H40V115.54a8 8 0 0 1 2.62-5.92l80-75.54a8 8 0 0 1 10.77 0l80 75.54a8 8 0 0 1 2.61 5.92" opacity=".2"%2F%3E%3Cpath d="M240 208h-16v-92.45a16 16 0 0 0-5.17-11.78l-80-75.48a1.14 1.14 0 0 1-.11-.11a16 16 0 0 0-21.53 0l-.11.11l-79.91 75.48A16 16 0 0 0 32 115.55V208H16a8 8 0 0 0 0 16h224a8 8 0 0 0 0-16M48 115.55l.11-.1L128 40l79.9 75.43l.11.1V208H160v-48a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v48H48ZM144 208h-32v-48h32Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Listening Activity */ .kit-b8ico-k12 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="256" height="256" viewBox="0 0 256 256"%3E%3Cpath fill="%239b7931" d="M220 104a12 12 0 0 1-24 0a68 68 0 0 0-136 0c0 25 7.58 32.3 16.35 40.76S96 163.71 96 188a32 32 0 0 0 32 32c9 0 16.19-3.7 22.75-11.64a12 12 0 0 1 18.5 15.28C158.09 237.15 144.21 244 128 244a56.06 56.06 0 0 1-56-56c0-14.09-4.63-18.56-12.31-26C49.13 151.86 36 139.19 36 104a92 92 0 0 1 184 0m-40.13 53.61a12 12 0 0 0-16.4 4.38a4 4 0 0 1-7.47-2c0-7.61 3.65-12.86 9.6-20.8C172 130.65 180 120 180 104a52 52 0 0 0-104 0a12 12 0 0 0 24 0a28 28 0 0 1 56 0c0 7.61-3.65 12.86-9.6 20.8C140 133.35 132 144 132 160a28 28 0 0 0 52.25 14a12 12 0 0 0-4.38-16.39"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* I think and remember/ read and reflect */ .kit-b8ico-k13 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cg fill="%239b7931"%3E%3Cpath d="M15.999 1C11.095 1 7.313 2.654 4.763 5.423C2.226 8.178 1 11.938 1 15.999c0 2.77.57 5.4 1.738 7.666a5.495 5.495 0 0 1 1.388-1.75C3.381 20.16 3 18.154 3 16c0-3.67 1.106-6.91 3.235-9.221C8.35 4.48 11.568 3 15.999 3c4.43 0 7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22c0 3.671-1.106 6.91-3.235 9.222c-2.116 2.298-5.333 3.778-9.764 3.778c-.316 0-.626-.008-.93-.023a1.979 1.979 0 0 1-.166.137a2.236 2.236 0 0 1-.246 1.843c.437.028.885.043 1.342.043c4.904 0 8.686-1.654 11.235-4.423c2.537-2.755 3.764-6.515 3.764-10.576c0-4.061-1.227-7.821-3.764-10.576C24.684 2.654 20.903 1 16 1"%2F%3E%3Cpath d="M13.389 30.83a1.235 1.235 0 0 0-.072-2.172L13 28.5h.72a1 1 0 0 0 .97-.758l.067-.272A.78.78 0 0 0 14 26.5l.33-.165a1.214 1.214 0 0 0 0-2.17L14 24h1.75a1.25 1.25 0 1 0 0-2.5H10v-3.06A1.44 1.44 0 0 0 8.56 17c-.84 0-1.505.718-1.517 1.559C7.023 19.92 6.835 21.722 6 22c-3 1-4 5.5-1.5 7.5c1.89 1.513 3.781 1.506 5.25 1.5h3.014c.228 0 .441-.062.625-.17M8.146 6.146C8.543 5.75 9.63 5 11 5s2.457.75 2.854 1.146a.5.5 0 0 1-.708.708C12.876 6.584 12.03 6 11 6c-1.03 0-1.877.584-2.146.854a.5.5 0 1 1-.708-.708m10.034 1.97C18.65 7.724 19.92 7 21.5 7c1.58 0 2.85.724 3.32 1.116a.5.5 0 0 1-.64.768C23.85 8.61 22.8 8 21.5 8c-1.3 0-2.35.61-2.68.884a.5.5 0 0 1-.64-.768M10 14.5a3 3 0 1 0 0-6a3 3 0 0 0 0 6"%2F%3E%3Cpath d="M24 11.5a3 3 0 1 1-6 0a3 3 0 0 1 6 0m-10.293 8.207a2.733 2.733 0 0 1 2.374-.721c1.221.208 1.731.83 2.012 1.435a1 1 0 0 0 1.814-.842c-.515-1.108-1.526-2.23-3.488-2.565a4.732 4.732 0 0 0-4.126 1.279a1 1 0 0 0 1.414 1.414"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Role-play */ .kit-b8ico-k14 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="640" height="512" viewBox="0 0 640 512"%3E%3Cpath fill="%239b7931" d="M74.6 373.2c41.7 36.1 108 82.5 166.1 73.7c6.1-.9 12.1-2.5 18-4.5c-9.2-12.3-17.3-24.4-24.2-35.4c-21.9-35-28.8-75.2-25.9-113.6c-20.6 4.1-39.2 13-54.7 25.4c-6.5 5.2-16.3 1.3-14.8-7c6.4-33.5 33-60.9 68.2-66.3c2.6-.4 5.3-.7 7.9-.8l19.4-131.3c2-13.8 8-32.7 25-45.9c18.6-14.3 50.9-30.5 103.6-35.3l-2.4-2.1c-20.2-15.6-72.4-41.6-185.1-24.5S20.5 63 5.7 83.9C0 91.9-.8 102 .6 111.8l24.2 164.3c5.5 37.3 21.5 72.6 49.8 97.2zm87.7-219.6c4.4-3.1 10.8-2 11.8 3.3c.1.5.2 1.1.3 1.6c3.2 21.8-11.6 42-33.1 45.3S99.8 192 96.6 170.3c-.1-.5-.1-1.1-.2-1.6c-.6-5.4 5.2-8.4 10.3-6.7c9 3 18.8 3.9 28.7 2.4s19.1-5.3 26.8-10.8zM261.6 390c29.4 46.9 79.5 110.9 137.6 119.7s124.5-37.5 166.1-73.7c28.3-24.5 44.3-59.8 49.8-97.2l24.2-164.3c1.4-9.8.6-19.9-5.1-27.9c-14.8-20.9-57.3-61.2-170-78.3s-164.8 8.9-185 24.5c-7.8 6-11.5 15.4-12.9 25.2l-24.2 164.3c-5.5 37.3-.4 75.8 19.6 107.7zm142.9-154.7c-7.7-5.5-16.8-9.3-26.8-10.8s-19.8-.6-28.7 2.4c-5.1 1.7-10.9-1.3-10.3-6.7c.1-.5.1-1.1.2-1.6c3.2-21.8 23.2-36.8 44.7-33.5s36.3 23.5 33.1 45.3c-.1.5-.2 1.1-.3 1.6c-1 5.3-7.4 6.4-11.8 3.3zm136.2 15.5c-1 5.3-7.4 6.4-11.8 3.3c-7.7-5.5-16.8-9.3-26.8-10.8s-19.8-.6-28.7 2.4c-5.1 1.7-10.9-1.3-10.3-6.7c.1-.5.1-1.1.2-1.6c3.2-21.8 23.2-36.8 44.7-33.5s36.3 23.5 33.1 45.3c-.1.5-.2 1.1-.3 1.6zM530 350.2c-19.6 44.7-66.8 72.5-116.8 64.9s-87.1-48.2-93-96.7c-1-8.3 8.9-12.1 15.2-6.7c23.9 20.8 53.6 35.3 87 40.3s66.1.1 94.9-12.8c7.6-3.4 16 3.2 12.6 10.9z"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Key words */ .kit-b8ico-k15 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%239b7931" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="7" cy="12" r="3"%2F%3E%3Cpath d="M10 9v6"%2F%3E%3Ccircle cx="17" cy="12" r="3"%2F%3E%3Cpath d="M14 7v8m8 2v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Progress check */ .kit-b8ico-k16 {background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/f41e18a7-e10b-46a2-837c-406364b97089/f55550a4-8340-45ae-8314-12d5cc02042a.svg'), url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/929432aa-21af-4466-a3be-3f1afe03e23c/90d69930-f162-41c3-8a6b-cf2426c79617.svg'), url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="8" height="8" viewBox="0 0 8 8"%3E%3Cpath fill="%239b7931" d="M7.03 0L4 3L3 2L0 5.03l1 1L3 4l1 1l4-4zM0 7v1h8V7z"%2F%3E%3C%2Fsvg%3E'); background-position: left bottom, right bottom, top 16px right 10px; ; background-size: 35px, 35px, 30px; background-repeat: no-repeat; background-blend-mode: normal; } /* Paper background */ .kit-b8ico-k24 {padding-top: 40px; padding-bottom: 40px; padding-left: 56px; padding-right: 16px; background-image: repeating-linear-gradient(white 0px, white 24px, teal 25px); position: relative; background-color: white; box-shadow: 0px 0px 5px 0px #888;} .kit-b8ico-k24:before {content: ''; width: 2px; height: 100%; position: absolute; top: 0; left: 40px; background-color: rgba(255,0,0,0.6);} .kit-b8ico-k24 p, .kit-b8ico-k24 .list li {padding-top: 12px; line-height: 25px; font-family: 'Dancing Script', cursive !important; font-size: 19px; letter-spacing: 1px; word-spacing: 5px; margin-bottom: 13px;} /* Papyrus */ .kit-b8ico-k26 {background-color: #fcf7b3; color: #785B2B; border: 20px solid transparent; padding: 1px; border-image-source: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/20a0b504-bb74-4681-8aa7-2c8275ee9341/9024cd8d-b4d3-4a8b-94f8-a5c15550b246.svg'); border-image-repeat: stretch; border-image-slice: 30; border-image-width: 20px; border-image-outset: 15px; margin: 20px; margin-bottom: 50px; clear: left; overflow: auto;} .kit-b8ico-k25 .slick-slide {padding-top: 38px;} /* Table (highlighted first row) */ .kit-b8ico-k17 td {border: 1px solid #C8B68B; background: #F3EFD3; color: #000; } .kit-b8ico-k17 tr:nth-child(1) td {background: #DACEAB; color: #000;} .kit-b8ico-k17 tr:nth-child(2n+3) td {background: #F0EBCF; color: #000} .kit-b8ico-k27 td {border: 1px solid #C8B68B; background: #F0EBCF; color: #000; } .kit-b8ico-k19 .head h3 {display: none;} .kit-b8ico-k20 .sortElements {counter-reset: decimal-elements;} .kit-b8ico-k20 .sortElements ul li {background-color: #fff; margin: 5px; position: relative; padding-top: 10px; counter-increment: decimal-elements; border-color: #ccc; border-radius: 16px; box-shadow: 2px 2px 2px rgba(0,0,0,.25);} .kit-b8ico-k21 p {font-family: Georgia, Times, "Times New Roman", serif !important; font-size: 20px !important;} .kit-b8ico-k22 tr td:first-child {width: 90px;} .kit-b8ico-k22 table .media {margin-bottom: 0;} .kit-b8ico-k28 td {padding: 4px 4px !important;} .kit-b8ico-table-nospace .media {margin: 0; padding-bottom: 0;} .kit-b8ico-table-nospace td p {padding-top: 0;} /*Table PowerPoint*/ .kit-b8ico-k23 td {background: #f3f4f4;} .kit-b8ico-k23 table .media {margin-bottom: 0;} .kit-b8ico-k23 tr:nth-child(1) td {padding-left: 0; padding-right: 0; padding-top: 0;} .kit-b8ico-k23 tr {border: 1px solid #e6e7e6;} /*Table paper*/ .kit-b8ico-k29 td {background: white;} .kit-b8ico-k29 tr td {padding-bottom: 0;} .kit-b8ico-k29 tr:nth-child(1) td {padding: 20px 4px;} .kit-b8ico-k29 tr:last-child td {padding: 20px 4px;} .kit-b8ico-k29 tr {border: 0.8px solid teal;} .kit-b8ico-k29 td:nth-child(1) {border-right: 2px solid rgba(255,0,0,0.6); width: 40px;} .kit-b8ico-s1, .kit-b8ico-s2, .kit-b8ico-s3, .kit-b8ico-s4, .kit-b8ico-s5 {} .kit-b8ico-s1 {background-color: #000; color: white;} /* Chapter header */ .kit-b8ico-s2 { background-color: #31728c; color:#fff; background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/0cebefc4-d084-457a-90a2-7b2f46ffc1a5/3ed7b464-b82d-497d-bca0-07470ee50d52.svg'); background-size: 220px; background-repeat: repeat-x;} .kit-b8ico-s2 h1 {color: #51beea; text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;} /* Learner’s Self-Test */ .kit-b8ico-s3 { background-color: #007e43; color:#fff; background-image: url('https://opiqke.blob.core.windows.net/kitcontent/bb9699bd-db7a-42ef-8bf5-3d870d2c46c9/24bbe8f2-2af1-4d08-9702-6616ec1ab3a9/20a01d2d-0c15-4e62-9b81-aa2e2fe90d02.png'); background-size: 50px; background-position: bottom; background-repeat: repeat-x;} .kit-b8ico-s3 h1 {color: #13cc6f; text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;} .kit-b8ico-s4 {background-color: #c0eeff;} /* Light background */ .kit-b8ico-s5 {background-color: #F3EFD3;}