/* TEKST LY, KEEL, KOLLEEG */ .kit-bg3Dp-ly {background-color: #FD9200; color:white} .kit-bg3Dp-ke {background-color: #B30697; color: white} .kit-bg3Dp-ko {background-color: #368d89; color: white} .section h1, .section h2, .section h3, .section h4, .section h5, .section h6, .section cite, .section .caption, .section p, .section .list li {font-family: 'Roboto' !important;} .section .exercise h3, .section .exercise h4, .section .exercise h5, .section .exercise h6, .section .exercise cite, .section .exercise .caption, .section .exercise p {font-family: inherit !important;} .block p, .block .list li, .text-node, .text-middle-center {font-size: 24px;} .caption, cite {font-size: 20px;} cite {text-align: right;} .dragdrop .groupContent li, .dragdrop .group .title, .dragToArea .from .sortable-label, .option, .exercise .absolute-element select {font-size: 20pt !important;} .kit-vzPaW-tabeli-suurem-tekst p, .block .common p {font-size: 24px !important;} .block .gap {border: 1px solid #ccc; background: white; border-radius: 4px; padding: 4px; text-transform: uppercase;} /*.block .gap {border: 1px solid #ccc; background: white; vertical-align: baseline; border-radius: 4px;}*/ /*.section .exercise p {font-size: inherit;}*/ .kit-bg3Dp-i1, .kit-bg3Dp-i2, .kit-bg3Dp-i3, .kit-bg3Dp-i4, .kit-bg3Dp-i5, .kit-bg3Dp-i6 {} .kit-bg3Dp-i1 {color: red;} .kit-bg3Dp-i2 {color: blue;} .kit-bg3Dp-i3 {color: green;} .kit-bg3Dp-i4 {background-color: #dcecb9;} .kit-bg3Dp-i5 {background-color: #fffdbd;} .kit-bg3Dp-i6 {color: #FF8C00;} .kit-bg3Dp-k1, .kit-bg3Dp-k2, .kit-bg3Dp-k3, .kit-bg3Dp-k4, .kit-bg3Dp-k5, .kit-bg3Dp-k6, .kit-bg3Dp-k9, .kit-bg3Dp-taheragastik {padding: 16px; border-radius: 4px; margin-bottom: 16px; clear: left; overflow: auto;} .kit-bg3Dp-k1 {background-color: #dcecb9;} .kit-bg3Dp-k2 {background-color: #fffdbd;} .kit-bg3Dp-k3 {background-color: #ffd8cf;} .kit-bg3Dp-k4 {background-color: #c0eeff;} .kit-bg3Dp-k5 {background-color: #eeeeee;} .kit-bg3Dp-k6 {background-color: #ffe6e9; border: 2px solid #a6df9d; border-radius: 20px;} .kit-bg3Dp-k7 {background-color: #e6f2ff; border: 1px solid #0073e6; border-radius: 20px; padding: 16px; margin-bottom: 16px; clear: left; overflow: auto;} .kit-bg3Dp-k8 {margin-left: 36px;} .kit-bg3Dp-k7 .common {margin: 0;} .kit-bg3Dp-k7 .common td:first-child {width: 30px;} .kit-bg3Dp-k9 {border: 2px solid #FF8C00;} .kit-bg3Dp-k10 { padding: 10px; border-radius: 3px; margin-bottom: 15px; box-shadow:6px 6px 6px #c9c9c9; clear:both; overflow: auto;} /*Liisu lehvitab*/ .kit-bg3Dp-lehvitab { position: relative; margin-bottom: 130px; padding: 20px; border-radius: 20px; background-color: #FFDA8F; border: 1px solid #0073e6; clear: both } .kit-bg3Dp-lehvitab:after { position: absolute; top: 100%; left: 55px; margin-left: -25px; width: 0; height: 0; border-top: 15px solid #FFDA8F; border-right: 15px solid rgba(0, 0, 0, 0); border-bottom: 15px solid rgba(0, 0, 0, 0); border-left: 15px solid rgba(0, 0, 0, 0); content: " "; pointer-events: none } .kit-bg3Dp-lehvitab:before { position: absolute; bottom: -110px; left: 0; z-index: 100; width: 110px; height: 110px; background-image: url('https://astrablobs.blob.core.windows.net/kitcontent/9d845a79-9312-49b0-8569-9bf7bfa33720/24928eaf-6929-43e3-ad86-8a6d15b910b2/61a8863b-dda1-4880-a63d-6d8ae0073608.gif'); background-position: center; background-size: contain; background-repeat: no-repeat; content: " " } .kit-bg3Dp-slaiderisisu .slick-slide {padding-top: 38px;} .kit-bg3Dp-kk-ruumi-alla {margin-bottom: 48px;} .kit-bg3Dp-kk-ruumi-yles {margin-top: 48px;} .kit-bg3Dp-taheragastik {background-color: #fff; border-radius: 16px;} .kit-bg3Dp-pilt-pisike .media {width: 55px;} .kit-bg3Dp-dialoogitabel tr td:first-child {width: 60px;} .kit-bg3Dp-dialoogitabel table .media {margin-bottom: 0;} .kit-bg3Dp-bubble-left {position: relative; padding: 15px; margin: 1em 0 3em; border: 5px solid #5a8f00; color: #333; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; clear: both;} .kit-bg3Dp-bubble-left {margin-left: 30px;} .kit-bg3Dp-bubble-left:before {content: ""; position: absolute; bottom: -20px; left: 40px; border-width: 20px 20px 0; border-style: solid; border-color: #5a8f00 transparent; display: block; width: 0;} .kit-bg3Dp-bubble-left:before {top: 10px; bottom: auto; left: -30px; border-width: 15px 30px 15px 0; border-color: transparent #5a8f00;} .kit-bg3Dp-bubble-left:after {content: ""; position: absolute; bottom: -13px; left: 47px; border-width: 13px 13px 0; border-style: solid; border-color: #fff transparent; display: block; width: 0;} .kit-bg3Dp-bubble-left:after {top: 16px; bottom: auto; left: -21px; border-width: 9px 21px 9px 0; border-color: transparent #fff;} .kit-bg3Dp-jutumull-nool-vasakul, .kit-bg3Dp-jutumull-nool-paremal {position: relative; background: #e3e2d3; border-radius: 24px; display: block; padding: 16px; text-align: center;} .kit-bg3Dp-jutumull-nool-vasakul {margin-left: 10px;} .kit-bg3Dp-jutumull-nool-paremal {margin-right: 10px;} .kit-bg3Dp-jutumull-nool-vasakul:after {content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-right-color: #e3e2d3; border-left: 0; border-bottom: 0; margin-top: -10px; margin-left: -20px;} .kit-bg3Dp-jutumull-nool-paremal:after {content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-left-color: #e3e2d3; border-right: 0; border-bottom: 0; margin-top: -10px; margin-right: -20px;} .kit-bg3Dp-tabel-vertikaalne table td {vertical-align: middle;} .kit-bg3Dp-tabeli-jooned .common td {border: 1px solid #ccc;} .kit-bg3Dp-tabeli-jooned-varv .common td {border: 1px solid #FF8C00; padding: 16px;} .kit-bg3Dp-taheragastik-suurem-tekst .rf-tgrid {font-size: 28px;} .kit-bg3Dp-jarjesta-suuremad-pildid .sortElements .horizontal .image-node img {height: 140px;} .kit-bg3Dp-jarjesta-hall-raam .sortElements .elements>li {border: 1px solid #ccc; background-color: white; border-radius: 8px;} .kit-bg3Dp-kaalikas .rf-tablestyle tr:nth-child(6), .kit-bg3Dp-kaalikas .rf-tablestyle tr:nth-child(7), .kit-bg3Dp-kaalikas .rf-tablestyle tr:nth-child(8), .kit-bg3Dp-kaalikas .rf-tablestyle tr:nth-child(9) {display: none;} .kit-bg3Dp-porgand .exercise-drag-items .image-node img {height: 40px;} .kit-bg3Dp-porgand1 .exercise-drag-items .image-node img {height: 60px;} .kit-bg3Dp-tomat .gap-wrap.absolute-element .gap {line-height: 32px; min-height: 32px; font-size: 32px;} .kit-bg3Dp-kurk .exercise-element, .kit-bg3Dp-kurk .puzzle-wrapper {padding-left: 40px; background: url('https://astrablobs.blob.core.windows.net/kitcontent/9d845a79-9312-49b0-8569-9bf7bfa33720/92fadd32-7653-4df9-9e25-3d55562b9bb7/94203710-6289-4655-be58-cf9dab180bfe.jpg') top left no-repeat;} .kit-bg3Dp-kurk .puzzle {margin-bottom: 32px;} .kit-bg3Dp-kurk .puzzle td {width: 40px; height: 40px;} .kit-bg3Dp-kurk .puzzle input {font-size: 24px !important;} .kit-bg3Dp-kurk .puzzle-clues {display: none;} .kit-bg3Dp-kurk .crossword-answer .ca-letter {width: 40px; height: 40px; line-height: 40px; font-size: 24px;} .kit-bg3Dp-redis .exercise-drag-items .image-node img {height: 250px;} .kit-bg3Dp-redis .droppable-element {min-width: 110px; min-height: 260px;} .kit-bg3Dp-redis .common .media img {width: 90px; float: left; margin-left: -10px;} .kit-bg3Dp-redis .common .socket, .kit-bg3Dp-redis .droppable-option img {float: right;} .kit-bg3Dp-redis .socket.wrong, .kit-bg3Dp-redis .socket.correct, .kit-bg3Dp-redis .socket.correct .droppable-option {background: white !important;} .kit-bg3Dp-naeris .droppable-element {min-width: 100px; min-height: 80px;} .kit-bg3Dp-aastaajad .droppable-element {width: 24px; height: 24px; border-radius: 50%; min-height: auto; min-width: auto;} .kit-bg3Dp-aastaajad .exercise-drag-items .image-node img {height: auto; width: 100%;} .kit-bg3Dp-jarjesta .sortElements {counter-reset: decimal-elements;} .kit-bg3Dp-jarjesta .sortElements ul li {background-color: #fff; margin: 8px; position: relative; counter-increment: decimal-elements; border-color: #ccc; border-radius: 16px; box-shadow: 2px 2px 2px rgba(0,0,0,.25);} .kit-bg3Dp-jarjesta .sortElements ul li:before {background: #fff; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius: 50%; content: counter(decimal-elements,decimal); position: absolute; top: -8px; left: -8px; box-shadow: 2px 2px 2px rgba(0,0,0,.25); z-index: 1;} .kit-bg3Dp-jarjestamine-taustata .sortElements .elements>li:not(.correct):not(.wrong), .kit-bg3Dp-lohistamine-taustata .droppable-option {background: none; border: none;} .kit-bg3Dp-options-kast .answers li, .kit-bg3Dp-options-kast .options li {margin: 4px; padding: 8px;} .kit-bg3Dp-options-kast .answers li.option, .kit-bg3Dp-options-kast .options li.option {margin: 4px;} .kit-bg3Dp-options-kast .answers span.option, .kit-bg3Dp-options-kast .options span.option {margin: 0; width: 100%;} @media (max-width: 768px) { .kit-bg3Dp-options-kast .answers li, .kit-bg3Dp-options-kast .options li {width: calc(100% - 26px);} } @media (min-width: 769px) { .kit-bg3Dp-options-kast .answers li, .kit-bg3Dp-options-kast .options li {width: calc(100% - 26px);} .kit-bg3Dp-options-kast .answers.cols2 li, .kit-bg3Dp-options-kast .options.cols2 li {width: calc(50% - 26px);} .kit-bg3Dp-options-kast .answers.cols3 li, .kit-bg3Dp-options-kast .options.cols3 li {width: calc(33.33333% - 26px);} .kit-bg3Dp-options-kast .answers.cols4 li, .kit-bg3Dp-options-kast .options.cols4 li {width: calc(25% - 26px);} } .kit-bg3Dp-options-kast .checkbox li, .kit-bg3Dp-options-kast .radio li {border: 1px solid #ccc; border-radius: 8px; overflow: hidden;} .kit-bg3Dp-options-kast .option:before {margin: 0;} .kit-bg3Dp-options-side-by-side .radio li, .kit-bg3Dp-options-side-by-side .checkbox li {width: 20px; margin: 0;} .kit-bg3Dp-options-side-by-side .option, .kit-bg3Dp-options-side-by-side .option:before {margin-left: 0 !important;} .kit-bg3Dp-options-side-by-side .text-node {display: none;} .kit-bg3Dp-s1, .kit-bg3Dp-s2, .kit-bg3Dp-s3, .kit-bg3Dp-s4, .kit-bg3Dp-s5 {} .kit-bg3Dp-s1 {background-color: #000; color: white;} .kit-bg3Dp-s2 {background-color: #fffdbd;} .kit-bg3Dp-s3 {background-color: #ffd8cf;} .kit-bg3Dp-s4 {background-color: #c0eeff;} .kit-bg3Dp-s5 {background-color: #eeeeee;} .kit-bg3Dp-ylesande-pealkiri-peitu .exercise .head h3 {display: none;} .kit-bg3Dp-ylesande-kirjeldus-peitu .exercise .exercise-description {display: none;} .kit-bg3Dp-peidus-h1 h1 {display: none;} .kit-bg3Dp-tryki-tahed .exercise p {font-size: 100px;} .kit-bg3Dp-tryki-tahed .exercise p .gap {border: 2px solid #ccc; min-height: 100px; line-height: 100px; padding: 8px; border-radius: 8px;} .kit-bg3Dp-nadal-varv-kollane, .kit-bg3Dp-nadal-varv-helesinine, .kit-bg3Dp-nadal-varv-heleroheline, .kit-bg3Dp-nadal-varv-virsik, .kit-bg3Dp-nadal-varv-roosa {color: #fff;} .kit-bg3Dp-nadal-varv-kollane .block .gap, .kit-bg3Dp-nadal-varv-helesinine .block .gap, .kit-bg3Dp-nadal-varv-heleroheline .block .gap, .kit-bg3Dp-nadal-varv-virsik .block .gap, .kit-bg3Dp-nadal-varv-roosa .block .gap {color: rgba(0,0,0,.85);} .kit-bg3Dp-nadal-varv-kollane {background-color: #e9c558;} .kit-bg3Dp-nadal-varv-helesinine {background-color: #9dbedf;} .kit-bg3Dp-nadal-varv-heleroheline {background-color: #a6df9d;} .kit-bg3Dp-nadal-varv-virsik {background-color: #f29f1e;} .kit-bg3Dp-nadal-varv-roosa {background-color: #ebb3d6;} .kit-bg3Dp-mumm-sinine h2.sectionTitle, .kit-bg3Dp-mumm-tumesinine h2.sectionTitle, .kit-bg3Dp-mumm-roosa h2.sectionTitle, .kit-bg3Dp-mumm-roheline h2.sectionTitle, .kit-bg3Dp-mumm-punane h2.sectionTitle, .kit-bg3Dp-mumm-kollane h2.sectionTitle, .kit-bg3Dp-mumm-virsik h2.sectionTitle {position: relative; padding-left: 24px !important;} @media (max-width: 768px) { .kit-bg3Dp-mumm-sinine h2.sectionTitle, .kit-bg3Dp-mumm-tumesinine h2.sectionTitle, .kit-bg3Dp-mumm-roosa h2.sectionTitle, .kit-bg3Dp-mumm-roheline h2.sectionTitle, .kit-bg3Dp-mumm-punane h2.sectionTitle, .kit-bg3Dp-mumm-kollane h2.sectionTitle, .kit-bg3Dp-mumm-virsik h2.sectionTitle {width: calc(100% - 24px);} } .kit-bg3Dp-mumm-sinine h2.sectionTitle:after, .kit-bg3Dp-mumm-tumesinine h2.sectionTitle:after, .kit-bg3Dp-mumm-roosa h2.sectionTitle:after, .kit-bg3Dp-mumm-roheline h2.sectionTitle:after, .kit-bg3Dp-mumm-punane h2.sectionTitle:after, .kit-bg3Dp-mumm-kollane h2.sectionTitle:after, .kit-bg3Dp-mumm-virsik h2.sectionTitle:after {content: '•'; font-size: 56px; line-height: 38px; position: absolute; top: 0; left: 0;} .kit-bg3Dp-mumm-sinine h2.sectionTitle:after {color: #39b2fa;} .kit-bg3Dp-mumm-tumesinine h2.sectionTitle:after {color: #1962a8;} .kit-bg3Dp-mumm-roosa h2.sectionTitle:after {color: #e62172;} .kit-bg3Dp-mumm-roheline h2.sectionTitle:after {color: #2aaa14;} .kit-bg3Dp-mumm-punane h2.sectionTitle:after {color: #cd0d0c;} .kit-bg3Dp-mumm-kollane h2.sectionTitle:after {color: #f4bc16;} .kit-bg3Dp-mumm-virsik h2.sectionTitle:after {color: #f29f1e;} /* meediapleier */ .block:not(.section-speak-content) .plyr--audio {max-width: 52px !important; min-width: 52px !important;} .block:not(.section-speak-content) .plyr--audio .plyr__controls {background: none; padding: 0;} .block:not(.section-speak-content) .plyr--audio button.plyr__control[data-plyr="play"] {border-radius: 50%; padding: 16px; background: rgba(0,0,0,.25); color: white;} .block:not(.section-speak-content) .plyr--audio button.plyr__control[data-plyr="play"]:hover {background: rgba(0,0,0,.75);} .block:not(.section-speak-content) .plyr--audio button.plyr__control[data-plyr="mute"], .block:not(.section-speak-content) .plyr--audio .plyr__progress, .block .plyr--audio .plyr__time.plyr__time--current, .block .plyr--audio .plyr__volume, .plyr--audio .menu {display:none;} span.kit-bg3Dp-word-spacing-text, .kit-bg3Dp-word-spacing-text h3, .kit-bg3Dp-word-spacing-text .exercise-description, .kit-bg3Dp-word-spacing-text p, .kit-bg3Dp-word-spacing-text .list li, .kit-bg3Dp-word-spacing-text .caption {word-spacing: 8px;} .kit-bg3Dp-hall-veerukast .twoCols>div {width: calc(100% - 20px); padding: 8px; border: 2px solid #ccc; border-radius: 8px; margin-top: 8px; margin-bottom: 8px; overflow: auto;} @media (max-width: 768px) {.kit-bg3Dp-hall-veerukast .twoCols>div {width: calc(100% - 20px);}} @media (min-width: 769px) {.kit-bg3Dp-hall-veerukast .twoCols>div {width: calc(50% - 28px);}} .kit-bg3Dp-taust-p6rsas {background-color: #fff9f4;} .kit-bg3Dp-pilt-poole-vaiksemaks .media img {width: 50%; padding: 0 25%;} .kit-bg3Dp-helesinine {background-color: #e0f7ff;} .kit-bg3Dp-roosa {background-color: #fff6fb;} .kit-bg3Dp-kollane {background-color: #fff4c8;} .kit-bg3Dp-heleroheline {background-color: #f0ffe6;} .kit-bg3Dp-helelilla {background-color: #fee5ff;}