/* ██████████████████████████ █▄─▄▄─█─▄▄─█▄─▀█▄─▄█─▄─▄─█ ██─▄███─██─██─█▄▀─████─███ ▀▄▄▄▀▀▀▄▄▄▄▀▄▄▄▀▀▄▄▀▀▄▄▄▀▀ */ @import url('https://fonts.googleapis.com/css2?family=Handlee&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); /*Open sans*/ /* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */ .scope-kit-ig66S p, .scope-kit-ig66S .list li, .scope-kit-ig66S ul.list, .scope-kit-ig66S ol.list, .scope-kit-ig66S cite {font-family: "Open Sans", sans-serif !important; font-size: 17px;} /*Playwright*/ @import url('https://fonts.googleapis.com/css2?family=Playwrite+BE+VLG:wght@100..400&display=swap'); /*.playwrite-be-vlg- { font-family: "Playwrite BE VLG", cursive; font-optical-sizing: auto; font-weight: ; font-style: normal; } */ /*Handlee*/ @import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap'); /* .handlee-regular { font-family: "Handlee", cursive; font-weight: 400; font-style: normal; } */ /*ITC Avant Garde Gothic*/ @font-face { font-family: 'ITC Avant Garde Gothic'; src: url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/ee050268-bf2f-4314-9048-e81a8207a0b2/39cf1658-a3b6-4b51-b59a-dc62bdebdd40.woff2') format('woff2'); font-weight: normal; font-style: normal; } /*h1 h2 h3 FONT*/ .scope-kit-ig66S h1, .scope-kit-ig66S h2 { font-family: 'ITC Avant Garde Gothic';} .scope-glossary-kit-ig66S {} /* ▀█▀ █▀▀ ▀▄▀ ▀█▀ ░█░ ██▄ █░█ ░█░ */ .kit-ig66S-i1, .kit-ig66S-i2, .kit-ig66S-i3, .kit-ig66S-i4, .kit-ig66S-i5 {} .kit-ig66S-i1 {color: #007cc4;} .kit-ig66S-i111 {color: #2591d0;} .kit-ig66S-i2 {color: #00afa5;} .kit-ig66S-i21 {color: #2db563;} .kit-ig66S-i211 {color: #bbdc9c;} .kit-ig66S-i22 {color: #f47d44;} .kit-ig66S-i3 {color: #9456A3;} .kit-ig66S-i03 {color: #59227f;} .kit-ig66S-i33 {color: #f15750;} .kit-ig66S-i4 {background-color: #78c366; color:#fff; border-radius: 7px; padding: 1px} /* WDYT */ .kit-ig66S-i5 {background-color: #006867; color:#fff; border-radius: 15px; padding-left: 8px; padding-right: 8px; font-family: "Handlee", cursive; font-weight: 400; font-style: normal;} /* Blue frame */ .kit-ig66S-i8 {background-color: #fff; border: 2px solid #007cc4; padding: 5px;} /* Orange background */ .kit-ig66S-i11 {background-color: #fbae39; color: #fff; padding: 1px 6px 3px 6px; font-family: 'ITC Avant Garde Gothic';} /* Purple background */ .kit-ig66S-i12 {background-color: #b367a9; color: #fff; padding: 1px 6px 3px 6px; font-family: 'ITC Avant Garde Gothic';} /* Mynt background */ .kit-ig66S-i16 {background-color: #87d0ca; color: #006867; padding: 1px 6px 3px 6px; font-family: 'ITC Avant Garde Gothic';} /* ICONS */ .kit-ig66S-i6, .kit-ig66S-i7, .kit-ig66S-i9, .kit-ig66S-i10, .kit-ig66S-i15, .kit-ig66S-i17, .kit-ig66S-i18, .kit-ig66S-i19 {position: relative; display: inline-block;} .kit-ig66S-i6:before, .kit-ig66S-i7:before, .kit-ig66S-i9:before, .kit-ig66S-i10:before, .kit-ig66S-i15:before, .kit-ig66S-i17:before, .kit-ig66S-i18:before, .kit-ig66S-i19:before {content: ''; display: inline-block; width: 22px; height: 22px; background-size: cover; background-repeat: no-repeat; margin-bottom: -4px; margin-right: 6px; background-position: left 0px top 0px;} /* listen */ .kit-ig66S-i6:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 26 26'%3E%3Cpath fill='%2300afa5' d='M12.031 1.063c-.321.001-.676.145-1 .468L5.312 8H1c-.551 0-1 .449-1 1v8c0 .551.449 1 1 1h4.313L11 24.438c1 1 2 .488 2-.875V2.28c0-.791-.433-1.222-.969-1.219zm7.25 2a1 1 0 0 0-.218 1.906A8.96 8.96 0 0 1 24 13c0 3.524-2 6.55-4.938 8.031a1 1 0 1 0 .875 1.782C23.53 21 26 17.288 26 13s-2.471-8-6.063-9.813a1 1 0 0 0-.562-.124a1 1 0 0 0-.094 0m-2.375 3.874a1 1 0 0 0-.406 1.875C18.043 9.771 19 11.29 19 13c0 1.722-.972 3.261-2.531 4.219a1 1 0 1 0 1.062 1.687C19.601 17.636 21 15.476 21 13c0-2.461-1.387-4.633-3.438-5.906A1 1 0 0 0 17 6.937a1 1 0 0 0-.094 0'/%3E%3C/svg%3E");} /* Conversation */ .kit-ig66S-i7:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='url(%23SVGV4VKeb3S)' fill-rule='evenodd' d='M22 13.5a7.5 7.5 0 1 0-4.411 6.836c1.258.29 2.613.54 3.236.652a.996.996 0 0 0 1.153-1.17a68 68 0 0 0-.681-3.143A7.5 7.5 0 0 0 22 13.5M14.517 18h-.034z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23SVGEg1SQ7ZX)' fill-rule='evenodd' d='M2 10.5a7.5 7.5 0 1 1 4.411 6.836c-1.258.29-2.613.54-3.236.652a.996.996 0 0 1-1.153-1.17a68 68 0 0 1 .681-3.143A7.5 7.5 0 0 1 2 10.5M9.483 15h.034z' clip-rule='evenodd'/%3E%3Cdefs%3E%3CradialGradient id='SVGV4VKeb3S' cx='0' cy='0' r='1' gradientTransform='matrix(6.90278 8.0094 -8.01592 6.9084 11.027 10.005)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.63' stop-color='%23006867'/%3E%3Cstop offset='.85' stop-color='%23006867'/%3E%3Cstop offset='1' stop-color='%23006867'/%3E%3C/radialGradient%3E%3ClinearGradient id='SVGEg1SQ7ZX' x1='2' x2='17.003' y1='3' y2='18' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300afa5'/%3E%3Cstop offset='1' stop-color='%2300afa5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");} /* repeat */ .kit-ig66S-i9:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg clip-path='url(%23SVGFd4lJeyK)'%3E%3Cpath fill='%2300afa5' fill-rule='evenodd' d='M4.61 2.503a6.47 6.47 0 0 1 3.383-.984a6.48 6.48 0 0 1 4.515 1.77l-.004-.559a.75.75 0 1 1 1.5-.013l.021 2.5a.75.75 0 0 1-.743.756l-2.497.022a.75.75 0 1 1-.013-1.5l.817-.007a4.98 4.98 0 0 0-3.583-1.469a4.97 4.97 0 0 0-2.602.756a.75.75 0 0 1-.795-1.272m9.097 8.716a6.5 6.5 0 0 0 .84-3.422a.75.75 0 1 0-1.5.053a4.97 4.97 0 0 1-.646 2.63a4.98 4.98 0 0 1-3.064 2.37l.403-.712a.75.75 0 0 0-1.306-.738l-1.229 2.173a.75.75 0 0 0 .283 1.022l2.176 1.23a.75.75 0 1 0 .739-1.305l-.487-.275a6.48 6.48 0 0 0 3.79-3.026m-11.258.099a6.47 6.47 0 0 0 2.544 2.438a.75.75 0 0 0 .704-1.325a4.97 4.97 0 0 1-1.955-1.875a4.98 4.98 0 0 1-.52-3.838l.415.705a.75.75 0 1 0 1.292-.762L3.66 4.511a.75.75 0 0 0-1.027-.266L.481 5.513a.75.75 0 1 0 .761 1.293l.483-.284a6.48 6.48 0 0 0 .724 4.796' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='SVGFd4lJeyK'%3E%3Cpath fill='%2300afa5' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");} /* match */ .kit-ig66S-i10:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%2300afa5' fill-rule='evenodd' d='M13.293 0c.39 0 .707.317.707.707V2h1.293a.707.707 0 0 1 .5 1.207l-1.46 1.46A1.14 1.14 0 0 1 13.53 5h-1.47L8.53 8.53a.75.75 0 0 1-1.06-1.06L11 3.94V2.47c0-.301.12-.59.333-.804l1.46-1.46a.7.7 0 0 1 .5-.207M2.5 8a5.5 5.5 0 0 1 6.598-5.39a.75.75 0 0 0 .298-1.47A7 7 0 1 0 14.86 6.6a.75.75 0 0 0-1.47.299q.109.533.11 1.101a5.5 5.5 0 1 1-11 0m5.364-2.496a.75.75 0 0 0-.08-1.498A4 4 0 1 0 11.988 8.3a.75.75 0 0 0-1.496-.111a2.5 2.5 0 1 1-2.63-2.686' clip-rule='evenodd'/%3E%3C/svg%3E");} /* Watch the video */ .kit-ig66S-i15:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%2300afa5' d='M5 5.5a2.75 2.75 0 0 0-2.75 2.75v7.5A2.75 2.75 0 0 0 5 18.5h8.5a2.75 2.75 0 0 0 2.75-2.75v-1.594l3.419 3.045c.805.717 2.081.145 2.081-.934V7.365c0-1.08-1.276-1.651-2.081-.934L16.25 9.476V8.25A2.75 2.75 0 0 0 13.5 5.5z'/%3E%3C/svg%3E");} /* chat */ .kit-ig66S-i17:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 24 24'%3E%3Cpath fill='%23bbdc9c' d='M12 3C6.5 3 2 6.58 2 11a7.22 7.22 0 0 0 2.75 5.5c0 .6-.42 2.17-2.75 4.5c2.37-.11 4.64-1 6.47-2.5c1.14.33 2.34.5 3.53.5c5.5 0 10-3.58 10-8s-4.5-8-10-8m0 14c-4.42 0-8-2.69-8-6s3.58-6 8-6s8 2.69 8 6s-3.58 6-8 6' stroke-width='2' stroke='%23bbdc9c'/%3E%3C/svg%3E");} /* heart */ .kit-ig66S-i18:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 24 24'%3E%3Cpath fill='%23bbdc9c' d='m12.1 18.55l-.1.1l-.11-.1C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5c1.54 0 3.04 1 3.57 2.36h1.86C13.46 6 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5c0 2.89-3.14 5.74-7.9 10.05M16.5 3c-1.74 0-3.41.81-4.5 2.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5c0 3.77 3.4 6.86 8.55 11.53L12 21.35l1.45-1.32C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3' stroke-width='2' stroke='%23bbdc9c'/%3E%3C/svg%3E");} /* share */ .kit-ig66S-i19:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23bbdc9c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 .5L11.5 3L9 5.5'/%3E%3Cpath d='M.5 6V4a1 1 0 0 1 1-1h10M5 13.5L2.5 11L5 8.5'/%3E%3Cpath d='M13.5 8v2a1 1 0 0 1-1 1h-10'/%3E%3C/g%3E%3C/svg%3E");} /*SPEECH BUBBLES*/ /*pink speech bubble*/ .kit-ig66S-i13 {position: relative; background: #fabeb2; color: #000 ; border-radius: 24px; display: block; padding: 16px;} .kit-ig66S-i13 {margin-left: 20px;} .kit-ig66S-i13:after {content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-right-color: #fabeb2; border-left: 0; border-bottom: 0; margin-top: -10px; margin-left: -18px;} /*blue speech bubble*/ .kit-ig66S-i14 {position: relative; background: #ade1fa; color: #000 ; border-radius: 24px; display: block; padding: 16px;} .kit-ig66S-i14 {margin-right: 20px;} .kit-ig66S-i14:after {content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-left-color: #ade1fa; border-right: 0; border-bottom: 0; margin-top: -10px; margin-right: -18px;} /* █▄▄ █▀█ ▀▄▀ █▀▀ █▀ █▄█ █▄█ █░█ ██▄ ▄█ */ .kit-ig66S-k1, .kit-ig66S-k2, .kit-ig66S-k3, .kit-ig66S-k4, .kit-ig66S-k5, .kit-ig66S-k9, .kit-ig66S-k10, .kit-ig66S-k11, .kit-ig66S-k12, .kit-ig66S-k13, .kit-ig66S-k14, .kit-ig66S-k15, .kit-ig66S-k16, .kit-ig66S-k19, .kit-ig66S-k20, .kit-ig66S-k21, .kit-ig66S-k23, .kit-ig66S-k24, .kit-ig66S-k26 {padding: 16px; margin-bottom: 16px; clear: left; overflow: auto;} /* BRAIN TEASER */ .kit-ig66S-k1 {background: linear-gradient(180deg,#ef3e7f 0%, #ef3e7f 55px, #ffffff 55px); border-radius: 15px; border: solid 4px #ef3e7f;} .kit-ig66S-k1 h3 {color:#fff;} .kit-ig66S-k1 h3:before {margin-right: 8px; width: 32px; height: 32px; content: ''; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M1.5 0h4.875v1.158a2.125 2.125 0 1 0 0 4.184v1.033H4.368a.625.625 0 0 0-.466 1.042a.875.875 0 1 1-1.305 0a.625.625 0 0 0-.465-1.042H0V1.5A1.5 1.5 0 0 1 1.5 0M0 7.625V12.5A1.5 1.5 0 0 0 1.5 14h4.875v-2.132a.625.625 0 0 1 1.042-.466a.875.875 0 1 0 0-1.305a.625.625 0 0 1-1.042-.465V7.625H5.342q.033.183.033.375a2.125 2.125 0 1 1-4.217-.375zm7.625 0v1.033q.183-.033.375-.033a2.125 2.125 0 1 1-.375 4.217V14H12.5a1.5 1.5 0 0 0 1.5-1.5V7.625h-2.132a.625.625 0 0 1-.466-1.042a.875.875 0 1 0-1.305 0a.625.625 0 0 1-.465 1.042zM14 6.375V1.5A1.5 1.5 0 0 0 12.5 0H7.625v2.132a.625.625 0 0 1-1.042.466a.875.875 0 1 0 0 1.305a.625.625 0 0 1 1.042.465v2.007h1.033a2.125 2.125 0 1 1 4.184 0z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat; display: inline-block; vertical-align: text-top;} /* Quiz: */ .kit-ig66S-k2 {background: linear-gradient(180deg,#005678 0%, #005678 55px, #ffffff 55px); border-radius: 15px; border: solid 1px #005678;} .kit-ig66S-k2 h3 {color:#fff; margin-top: -3px;} /* CRITICAL THINKING */ .kit-ig66S-k3 {background-color: #fff; border-radius: 0px 0px 15px 15px; border: solid 4px #ef3e7f; background-image: url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/d6925ac1-1feb-4f7a-8c4a-94518aff676c/b8947ec2-7083-406a-ab66-1267292f8a72.png'); background-position: right 16px top 5px; background-size: 75px; background-repeat: no-repeat;} .kit-ig66S-k3 h3 {color:#ef3e7f; border-bottom: dotted 2px #ef3e7f; } /* Blue background (p 6) */ .kit-ig66S-k4 {background-color: #e4f1fb; border-radius: 15px;} /* Blue frame */ .kit-ig66S-k9 {background-color: #fff; border: solid 2px #007cc4;} /* WDYT? (What do you think?) */ .kit-ig66S-k5 {background-color: #ceebe9; border-radius: 15px; border: solid 4px #006867;} .kit-ig66S-k5 h3 {color:#fff; background-color: #006867; margin-top: -16px; margin-left: -16px; margin-right: -16px; padding: 16px; font-family: "Handlee", cursive !important; font-weight: 400; font-style: normal;} /* Adjectives */ .kit-ig66S-k10 {background: linear-gradient(180deg,#f36b22 0%, #f36b22 30px, #ffffff 30px); border: solid 2px #f36b22;} .kit-ig66S-k10 h4 {color:#fff; margin-top: -15px;} /* fun facts */ .kit-ig66S-k11 {background-color: #ffefcc; border-radius: 15px; background-image: url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/03ee02db-ed43-4814-af01-8d663a8571af/8f04d60c-ec85-4dd3-ac5e-af17271ec427.svg'), url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/2cb8893e-bbcc-4ec6-b939-67fc6291b93a/718e078a-5abb-4c8b-a3b0-09440e846e47.svg'); background-position: left 10px top 50%, left 0px top 50%; background-size: 65px, 155px; background-repeat: no-repeat, repeat-y; padding-left: 100px ; box-shadow: inset 0px 0px 20px rgba(252, 184, 36, 0.9)} /* MESSAGE BOARD */ .kit-ig66S-k12 {background: url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/4e4dde08-fe0c-402c-b6bb-b40ead04ee81/9bee8341-ecd9-4182-b32e-e13086e76a49.svg'), linear-gradient(180deg,#279245 0%, #279245 58px, #bbdc9c 58px); background-position: right 16px top 12px, left ; background-size: 80px, auto; background-repeat: no-repeat, no-repeat; border-radius: 15px;} .kit-ig66S-k12 h3 {color:#fff; margin-top: -8px; border-top: solid 3px #fff; border-bottom: solid 3px #fff; padding: 2px; width: 230px;} /* Research */ .kit-ig66S-k13 {background: url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/f25bdad6-e9f8-420f-a59f-fbf423e4dc2d/962d108a-6fb5-49ee-a6a3-ab75057ba6cc.svg'), linear-gradient(180deg,#dcddde 0%, #dcddde 55px, #ffffff 55px); background-position: right 7px top 8px, left ; background-size: 380px, auto; background-repeat: no-repeat, no-repeat; border-radius: 15px; border: solid 4px #bcbdc0;} .kit-ig66S-k13 h3 {color:#2db563; margin-top: -8px; background-color: #fff; padding: 7px; border-radius: 10px 10px 0px 0px; width: 135px; font-family: 'ITC Avant Garde Gothic';} /* SKILLS BOOST */ .kit-ig66S-k14 {background-color: #fff; border-radius: 15px; border: solid 4px #231f20;} .kit-ig66S-k14 h3 {color:#fff; margin-top: -17px; background-color: #231f20; padding: 7px; border-radius: 0px 0px 10px 10px; width: 250px; background-image: url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/66092b6a-7dd3-4e9d-8c24-625d9e5c2e70/b82c13c2-45ad-4113-b076-eb901616280c.svg'); background-repeat: no-repeat; background-position: top 7px right 15px; background-size: 40px;} /* Language note */ .kit-ig66S-k15 {background: linear-gradient(180deg,#00a598 0%, #00a598 30px, #ffffff 30px); border: solid 2px #00a598;} .kit-ig66S-k15 h4 {color:#fff; margin-top: -15px;} /* Key phrases */ .kit-ig66S-k16 {background-color: #fff; border-radius: 15px; border: solid 4px #862e64;} .kit-ig66S-k16 h4 {color:#862e64; font-family: 'ITC Avant Garde Gothic';} /* GRAMMAR ROUND-UP (p 16) */ .kit-ig66S-k18 {background-color: #eeeeee;} /* TASK: */ .kit-ig66S-k19 {background-color: #ceebe9; border-radius: 15px; border: solid 4px #00afa5;} /* FINAL REFLECTION */ .kit-ig66S-k20 {background: linear-gradient(180deg,#00afa5 0%, #00afa5 55px, #aadcd7 55px); border-radius: 15px; border: solid 4px #006867;} .kit-ig66S-k20 h3 {color:#fff; margin-top: -3px; font-family: 'ITC Avant Garde Gothic';} /* VIDEO SKILLS */ .kit-ig66S-k21 {background-color: #fff; border-radius: 0px 0px 15px 15px; border: solid 4px #ef3e7f; background-image: url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/f25bdad6-e9f8-420f-a59f-fbf423e4dc2d/962d108a-6fb5-49ee-a6a3-ab75057ba6cc.svg'); background-position: left 7px top 6px ; background-size: 340px; background-repeat: repeat-x} .kit-ig66S-k21 h3 {color:#fff; margin-top: -17px; background-color: #ef3e7f; padding: 7px; border-radius: 0px 0px 10px 10px; width: 250px;} .kit-ig66S-k21 h3:before {margin-right: 8px; width: 32px; height: 32px; content: ''; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 1200 1200'%3E%3Cpath fill='%23fff' d='M0 145.898v908.203h1200V145.898zm147.144 147.218h905.713v613.77H147.144zm318.237 106.861v408.839L818.848 603.81z'/%3E%3C/svg%3E") no-repeat; display: inline-block; vertical-align: text-top;} /* Subskill: */ .kit-ig66S-k22 {background-color: #fff; padding-left: 30px; border-left: dotted 4px #9456a3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 2048 2048'%3E%3Cpath fill='%239456a3' d='m0 0l2048 1024L0 2048z'/%3E%3C/svg%3E"); background-position: -4px 0px; background-size: 25px; background-repeat: no-repeat;} /* CREATIVITY */ .kit-ig66S-k23 {background-color: #fff; border-radius: 0px 0px 15px 15px; border: solid 4px #ef3e7f; background-image: url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/d6925ac1-1feb-4f7a-8c4a-94518aff676c/b8947ec2-7083-406a-ab66-1267292f8a72.png'), url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/f25bdad6-e9f8-420f-a59f-fbf423e4dc2d/962d108a-6fb5-49ee-a6a3-ab75057ba6cc.svg'); background-position: right 16px top 5px, left 7px top 6px; background-size: 75px, 340px; background-repeat: no-repeat, repeat-x} .kit-ig66S-k23 h3 {color:#ef3e7f; margin-top: -20px; background-color: #fff; border: solid 4px #ef3e7f; padding: 7px; border-radius: 0px 0px 10px 10px; width: 200px; font-family: 'ITC Avant Garde Gothic';} /* Content and Language Integrated Learning (CLIL p 34) */ .kit-ig66S-k24 {background: #aadcd7; border-radius: 15px;} .kit-ig66S-k24 h3 {color:#fff; background-color: #00afa5; margin-top: -16px; margin-left: -16px; margin-right: -16px; padding: 16px; font-family: 'ITC Avant Garde Gothic';} /* Learning outcomes */ .kit-ig66S-k26 {background-color: #ceebe9; border-radius: 15px; color: #00afa5} /* ▀▀█▀▀ █▀▀█ █▀▀▄ █── █▀▀ █▀▀ ──█── █▄▄█ █▀▀▄ █── █▀▀ ▀▀█ ──▀── ▀──▀ ▀▀▀─ ▀▀▀ ▀▀▀ ▀▀▀ */ /* Table (highlighted first row) */ .kit-ig66S-k6 .common td {background-color: #fff; border: 2px solid #39aaec;} .kit-ig66S-k6 .common tr:nth-child(1) td {background-color: #007cc4; color: #fff;} /* Table (highlighted first column) */ .kit-ig66S-k7 .common td {background-color: #fff; border: 2px solid #39aaec;} .kit-ig66S-k7 .common td:nth-child(1) {background-color: #007cc4; color: #fff;} /* Table (blue frame) */ .kit-ig66S-k8 {background-color: #eeeeee;} /* Table (highlighted first row AND column) p 28 */ .kit-ig66S-k17 .common td {background-color: #fff; border: 2px solid #39aaec;} .kit-ig66S-k17 .common tr:nth-child(1) td {background-color: #007cc4; color: #fff;} .kit-ig66S-k17 .common td:nth-child(1) {background-color: #007cc4; color: #fff;} /* Table for message board */ .kit-ig66S-k25 .common td {background-color: #fff; border-bottom: 4px solid #bbdc9c;} .kit-ig66S-k25 tr td:first-child {width: 70px;} .kit-ig66S-k25 table .media {margin-bottom: 0;} /* Table for starter (pg2) */ .kit-ig66S-k28 .common td {border: 2px solid #fff;} .kit-ig66S-k28 tbody tr:nth-child(1) td:nth-child(1) {background-color:#00afa5; color:#fff;} .kit-ig66S-k28 tbody tr:nth-child(1) td:nth-child(2) {background-color:#f36b22; color:#fff;} .kit-ig66S-k28 tbody tr:nth-child(1) td:nth-child(3) {background-color:#007cc4; color:#fff;} .kit-ig66S-k28 tbody tr:nth-child(1) td:nth-child(4) {background-color:#9456a3; color:#fff;} .kit-ig66S-k28 tbody tr:nth-child(2) {background-color:#ceebe9;} .kit-ig66S-k28 tbody tr:nth-child(3) td:nth-child(1) {background-color:#ceebe9;} .kit-ig66S-k28 tbody tr:nth-child(3) td:nth-child(2) {background-color:#feddc6;} .kit-ig66S-k28 tbody tr:nth-child(3) td:nth-child(3) {background-color:#c8daf1;} .kit-ig66S-k28 tbody tr:nth-child(3) td:nth-child(4) {background-color:#e2d5e9;} .kit-ig66S-k28 tbody tr:nth-child(4) td:nth-child(1) {background-color:#ceebe9;} .kit-ig66S-k28 tbody tr:nth-child(4) td:nth-child(2) {background-color:#feddc6;} .kit-ig66S-k28 tbody tr:nth-child(4) td:nth-child(3) {background-color:#c8daf1;} .kit-ig66S-k28 tbody tr:nth-child(4) td:nth-child(4) {background-color:#e2d5e9;} /* Table for starter 2 (pg2) */ .kit-ig66S-k29 td {border: 2px solid #fff;} .kit-ig66S-k29 tr:nth-child(even) {background: #feddc6} .kit-ig66S-k29 tr:nth-child(odd) {background: #ceebe9} /* Table for starter (pg3) */ .kit-ig66S-k30 .common td {border: 2px solid #fff;} .kit-ig66S-k30 tbody tr:nth-child(1) td:nth-child(1) {background-color:#f36b22; color:#fff;} .kit-ig66S-k30 tbody tr:nth-child(1) td:nth-child(2) {background-color:#d16680; color:#fff;} .kit-ig66S-k30 tbody tr:nth-child(1) td:nth-child(3) {background-color:#00afa5; color:#fff;} .kit-ig66S-k30 tbody tr:nth-child(1) td:nth-child(4) {background-color:#007cc4; color:#fff;} .kit-ig66S-k30 tbody tr:nth-child(1) td:nth-child(5) {background-color:#00afa5; color:#fff;} .kit-ig66S-k30 tbody tr:nth-child(2) {background-color:#ceebe9;} .kit-ig66S-k30 tbody tr:nth-child(3) td:nth-child(1) {background-color:#feddc6;} .kit-ig66S-k30 tbody tr:nth-child(3) td:nth-child(2) {background-color:#f4dcde;} .kit-ig66S-k30 tbody tr:nth-child(3) td:nth-child(3) {background-color:#ceebe9;} .kit-ig66S-k30 tbody tr:nth-child(3) td:nth-child(4) {background-color:#c8daf1;} .kit-ig66S-k30 tbody tr:nth-child(3) td:nth-child(5) {background-color:#ceebe9;} .kit-ig66S-k30 tbody tr:nth-child(4) td:nth-child(1) {background-color:#feddc6;} .kit-ig66S-k30 tbody tr:nth-child(4) td:nth-child(2) {background-color:#f4dcde;} .kit-ig66S-k30 tbody tr:nth-child(4) td:nth-child(3) {background-color:#ceebe9;} .kit-ig66S-k30 tbody tr:nth-child(4) td:nth-child(4) {background-color:#c8daf1;} .kit-ig66S-k30 tbody tr:nth-child(4) td:nth-child(5) {background-color:#ceebe9;} /* hide exercise head */ .kit-ig66S-k27 .exercise .head h3 {display: none;} /* █▀ █▀▀ █▀▀ ▀█▀ █ █▀█ █▄░█ █▀ ▄█ ██▄ █▄▄ ░█░ █ █▄█ █░▀█ ▄█ */ .kit-ig66S-s1, .kit-ig66S-s2, .kit-ig66S-s3, .kit-ig66S-s4, .kit-ig66S-s5 {} /* Header */ .kit-ig66S-s1 {background-color: #00afa5;} .kit-ig66S-s1 h1, .kit-ig66S-s2 h2 {color: #fff;} /* Grammar */ .kit-ig66S-s2 {background-color: #fff;} .kit-ig66S-s2 h1, .kit-ig66S-s2 h2 {color: #005090;} /* Reading and critical thinking */ .kit-ig66S-s3 {background-color: #fff;} .kit-ig66S-s3 h1, .kit-ig66S-s3 h2 {color: #59227f;} /* Writing */ .kit-ig66S-s4 {background-color: #fff;} .kit-ig66S-s4 h1, .kit-ig66S-s4 h2 {color: #006867;} /* Project */ .kit-ig66S-s5 {background-color: #00afa5;} .kit-ig66S-s5 h1, .kit-ig66S-s5 h2 {color: #fff;} /* Vocabulary and Listening */ .kit-ig66S-s6 {background-color: #fff;} .kit-ig66S-s6 h1, .kit-ig66S-s6 h2 {color: #bb1e38;} /* Real-world speaking */ .kit-ig66S-s7 {background-color: #fff;} .kit-ig66S-s7 h1, .kit-ig66S-s7 h2 {color: #862e64;} /* QUICK REVIEW */ .kit-ig66S-s8 {background-color: #006867;} .kit-ig66S-s8 h1, .kit-ig66S-s8 h2 {color: #fff;} /* Pronunciation */ .kit-ig66S-s9 {background-color: #fff; background-image: url('https://opiqlt.blob.core.windows.net/kitcontent/c9602109-73ae-484e-9f31-b8ba19cf4d41/12f10f9d-3801-4a8e-838e-024bef58a2fb/26a69bd3-e7c8-4339-a8ee-a7165ac868b7.svg'); background-position: right 20px top 50%; background-size: 85px; background-repeat: no-repeat;} .kit-ig66S-s9 h1, .kit-ig66S-s9 h2 {color: #006867;} /* Content and Language Integrated Learning (CLIL p 34) */ .kit-ig66S-s10 {background-color: #dcf0f0;} .kit-ig66S-s10 h1, .kit-ig66S-s10 h2 {color: #4a9192;} /* Normal text */ .kit-ig66S-s11 h1 {font-family: inherit !important; font-weight: 600; font-style: normal;}