/* T */

.block p, .block .list li, .exercise-description {font-size: 18pt !important; line-height: 28pt !important; /*font-family: Roboto;*/}
.block .caption {font-size: 16pt !important;}
.dragToArea .from .sortable-label, .option {font-size: 16pt !important;}
.answers li, .options li {margin: 2px 0;}
.option:before {margin-top: 6px;}
.exercise .absolute-element select {font-size: 18pt !important;}
.block .gap {border: 1px solid #ccc; background: white; /*vertical-align: baseline;*/ border-radius: 4px; padding: 4px;}


.kit-L3HNS-i1, .kit-L3HNS-i2, .kit-L3HNS-i3, .kit-L3HNS-i4, .kit-L3HNS-i5 {}
.kit-L3HNS-i1 {color: red;}
.kit-L3HNS-i2 {color: blue;}
.kit-L3HNS-i3 {color: green;}
.kit-L3HNS-i4 {background-color: #dcecb9;}
.kit-L3HNS-i5 {background-color: #fffdbd;}

.kit-L3HNS-tekst-ruumi-yles-1 {margin-top: 8px;}
.kit-L3HNS-tekst-ruumi-yles-2 {margin-top: 16px;}
.kit-L3HNS-tekst-ruumi-alla-1 {margin-bottom: 8px;}
.kit-L3HNS-tekst-ruumi-alla-2 {margin-bottom: 16px;}

.kit-L3HNS-suurem-tekst p, .kit-L3HNS-suurem-tekst .list li, .kit-L3HNS-suurem-tekst .caption, span.kit-L3HNS-suurem-tekst, .kit-L3HNS-suurem-tekst .option, 
.kit-L3HNS-suurem-tekst .drag-option-content,  
.kit-L3HNS-suurem-tekst .dragdrop .groupContent>ul>li, 
.kit-L3HNS-suurem-tekst .drop-option, 
.kit-L3HNS-suurem-tekst .dragToArea .sortable-label, 
.kit-L3HNS-suurem-tekst .dragToSocket .droppable-element.droppable-option {font-size: 20pt !important;}
.kit-L3HNS-suurem-tekst .text-middle-center.text-with-image {font-size: 16pt !important;}

.kit-L3HNS-loetelu-suurem .list li, .kit-L3HNS-loetelu-suurem .option {margin-bottom: 16px;}
.kit-L3HNS-loetelu-suurem .list {margin-bottom: 0;}

.kit-L3HNS-bubble-left,
.kit-L3HNS-bubble-right {position: relative; background: #fff; border-radius: 20px; border: #999999 solid 2px; width: calc(100% - 60px); padding: 16px; display: block; line-height: 36pt !important;}
.kit-L3HNS-bubble-left {margin-left: 24px}
.kit-L3HNS-bubble-right {margin-right: 24px}
.kit-L3HNS-bubble-left:before, .kit-L3HNS-bubble-left:after, .kit-L3HNS-bubble-right:before, .kit-L3HNS-bubble-right:after {content: ''; position: absolute; border-style: solid; width: 0;}
.kit-L3HNS-bubble-left:after, .kit-L3HNS-bubble-right:after {border-color: transparent #fff; top: calc(50% - 14px);}
.kit-L3HNS-bubble-left:before, .kit-L3HNS-bubble-right:before {border-color: transparent #999999; top: calc(50% - 15px);}
.kit-L3HNS-bubble-left:after {border-width: 16px 24px 16px 0; left: -24px; content: '';}
.kit-L3HNS-bubble-left:before {border-width: 17px 25px 17px 0; left: -27px; content: '';}
.kit-L3HNS-bubble-right:after {border-width: 16px 0 16px 24px; right: -24px; content: '';}
.kit-L3HNS-bubble-right:before {border-width: 17px 0 17px 25px; right: -27px; content: '';}

.kit-L3HNS-poolik .exercise-drag-items .image-node img {height: 250px;}
.kit-L3HNS-poolik .droppable-element {min-width: 110px; min-height: 260px;}
.kit-L3HNS-poolik .common .media img {width: 90px; float: left; margin-left: -10px;}
.kit-L3HNS-poolik .common .socket, .kit-L3HNS-poolik .droppable-option img {float: right;}
.kit-L3HNS-poolik .socket.wrong, .kit-L3HNS-poolik .socket.correct, .kit-L3HNS-poolik .socket.correct .droppable-option {background: white !important;}


/* K */

.kit-L3HNS-k1, .kit-L3HNS-k2, .kit-L3HNS-k3, .kit-L3HNS-k4, .kit-L3HNS-k5, .kit-L3HNS-hyyum2rk, .kit-L3HNS-pliiats, .kit-L3HNS-lilleke {padding: 16px; border-radius: 8px; margin-bottom: 16px; clear: left; overflow: auto;}
.kit-L3HNS-k1 {background-color: #dcecb9;}
.kit-L3HNS-k1 p, .kit-L3HNS-k1 .list li {font-size: 16pt !important; line-height: 26pt !important;}
.kit-L3HNS-k2 {background-color: #fffdbd;}
.kit-L3HNS-k3 {background-color: #ffd8cf;}
.kit-L3HNS-k4 {background-color: #c0eeff;}
.kit-L3HNS-k5 {background-color: #eeeeee;}
.kit-L3HNS-k5 p, .kit-L3HNS-k5 .list li {font-size: 16pt !important; line-height: 26pt !important;}

.kit-L3HNS-hyyum2rk {background-color: #ffe8e8; background-image: url('https://astrablobs.blob.core.windows.net/kitcontent/212bbb04-c26e-4666-ab80-cbec4842e790/68ece39e-1639-4bb6-89fb-d21f79ef1203/3aa59bbb-6598-484e-b689-cc4e43b9de8f.gif'); background-position: 16px 16px; background-repeat: no-repeat; background-size: 40px;
  padding-left: 64px; line-height: 36pt !important;}

.kit-L3HNS-pliiats {background-image: url('https://astrablobs.blob.core.windows.net/kitcontent/212bbb04-c26e-4666-ab80-cbec4842e790/6ae41bd9-0503-4967-8067-a99a75734c63/82112daf-35ec-4d2b-8f73-3990aa955f0c.png'); background-position: 16px 16px; background-repeat: no-repeat; background-size: 32px;
  padding-left: 64px;}
.kit-L3HNS-lilleke {background-image: url('https://astrablobs.blob.core.windows.net/kitcontent/212bbb04-c26e-4666-ab80-cbec4842e790/bfdde931-83e7-47b8-8351-24012d7214d8/a08a243d-1af7-4e08-b477-ae9e5a7541c7.png'); background-position: 16px 16px; background-repeat: no-repeat; background-size: 32px;
  padding-left: 64px;}


.kit-L3HNS-tabeli-jooned .common td {border: 1px solid #ccc;}
.kit-L3HNS-tabeli-jooned-laiem .common td {border: 3px solid #ccc;}

.kit-L3HNS-dialoogitabel tr td:last-child {width: 90px;}
.kit-L3HNS-dialoogitabel table .media {margin-bottom: 0;}

.kit-L3HNS-dialoogitabel2 tr td:first-child {width: 90px;}
.kit-L3HNS-dialoogitabel2 table .media {margin-bottom: 0;}

.kit-L3HNS-tabel-kalender .common td:first-child {width: 33%;}
.kit-L3HNS-tabel-kalender2 .common td:last-child {width: 33%;}

.kit-L3HNS-jarjesta .sortElements {counter-reset: decimal-elements;}
.kit-L3HNS-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-L3HNS-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);}
.kit-L3HNS-jarjesta-suuremad-pildid .sortElements .horizontal .image-node img {height: 140px;}

.kit-L3HNS-clear-alo:before {clear: both;}

.kit-L3HNS-slider-padding-top .slick-slide {padding-top: 34px;}

.kit-L3HNS-options-kast .answers li, .kit-L3HNS-options-kast .options li {margin: 4px; padding: 8px;}
.kit-L3HNS-options-kast .answers li.option, .kit-L3HNS-options-kast .options li.option {margin: 4px;}
.kit-L3HNS-options-kast .answers span.option, .kit-L3HNS-options-kast .options span.option {margin: 0; width: 100%;}
@media (max-width: 768px) {
	.kit-L3HNS-options-kast .answers li, .kit-L3HNS-options-kast .options li {width: calc(100% - 26px);}
}
@media (min-width: 769px) {
	.kit-L3HNS-options-kast .answers li, .kit-L3HNS-options-kast .options li {width: calc(100% - 26px);}
	.kit-L3HNS-options-kast .answers.cols2 li, .kit-L3HNS-options-kast .options.cols2 li {width: calc(50% - 26px);}
	.kit-L3HNS-options-kast .answers.cols3 li, .kit-L3HNS-options-kast .options.cols3 li {width: calc(33.33333% - 26px);}
	.kit-L3HNS-options-kast .answers.cols4 li, .kit-L3HNS-options-kast .options.cols4 li {width: calc(25% - 26px);}
}
.kit-L3HNS-options-kast .checkbox li, .kit-L3HNS-options-kast .radio li {border: 1px solid #ccc; border-radius: 8px; overflow: hidden;}
.kit-L3HNS-options-kast .option:before {margin: 0;}

.kit-L3HNS-yhenda-paarid-koik-naha .sortable-bg {background-size: contain!important; background-repeat: no-repeat;}

.kit-L3HNS-checkbox-radio-image-third .image-node img {width: 33%;}
.kit-L3HNS-checkbox-radio-image .image-node img {padding-top: 40px;}

.kit-L3HNS-lohistamine-taustata .droppable-option {background: none; border: none;}

.kit-L3HNS-sort2 .dragdrop .group>.groupContent>ul>li {
  width: calc(33% - 13px); 
  opacity: .85;
  font-size: 14pt !important;
  font-weight: bold;
  text-align: center;
}
.kit-L3HNS-sort2 .dragdrop .targetGroup>.title {
  font-size: 32px !important;
  font-weight: bold;
}

.kit-L3HNS-sort3 .dragdrop .group.cols2>.groupContent>ul>li {width: calc(50% - 12px);}

.kit-L3HNS-kk-ruumi-yles-1 {margin-top: 24px;clear: left; overflow: auto;}
.kit-L3HNS-kk-ruumi-yles-2 {margin-top: 48px; clear: left; overflow: auto;}
.kit-L3HNS-kk-ruumi-alla-1 {margin-bottom: 24px; clear: left; overflow: auto;}
.kit-L3HNS-kk-ruumi-alla-2 {margin-bottom: 48px; clear: left; overflow: auto;}

.kit-L3HNS-reavahe-suurem {line-height: 36pt !important;}

/*
.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 {display:none;}
*/

.kit-L3HNS-pleier .plyr--audio {max-width: 52px !important; min-width: 52px !important;}
.kit-L3HNS-pleier .plyr--audio .plyr__controls {background: none; padding: 0;}
.kit-L3HNS-pleier .plyr--audio button.plyr__control[data-plyr="play"] {border-radius: 50%; padding: 16px; background: rgba(0,0,0,.25); color: white;}
.kit-L3HNS-pleier .plyr--audio button.plyr__control[data-plyr="play"]:hover {background: rgba(0,0,0,.75);}
.kit-L3HNS-pleier .plyr--audio button.plyr__control[data-plyr="mute"],
.kit-L3HNS-pleier .plyr--audio .plyr__progress, .kit-L3HNS-pleier .plyr--audio .plyr__time.plyr__time--current, .kit-L3HNS-pleier .plyr--audio .plyr__volume, .plyr--audio .menu {display:none;}

.kit-L3HNS-lohistamine-pusle .exercise-drag-items .image-node img {width: 100%; height: auto; border-radius: 0;}
.kit-L3HNS-lohistamine-pusle .absolute-element {width: 22%;}
.kit-L3HNS-lohistamine-pusle .droppable-element {min-width: 20px; min-height: 0; line-height: 20px; width: 100%; border-radius: 0;}
.kit-L3HNS-lohistamine-pusle .socket:empty {padding-bottom: 100%;}



/* S */

.kit-L3HNS-yl-pealkiri-peitu .head h3,
.kit-L3HNS-yl-kirjeldus-peitu .exercise-description {display: none;}

.kit-L3HNS-s1, .kit-L3HNS-s2, .kit-L3HNS-s3, .kit-L3HNS-s4, .kit-L3HNS-s5 {}
.kit-L3HNS-s1 {background-color: #000; color: white;}
.kit-L3HNS-s2 {background-color: #fffdbd;}
.kit-L3HNS-s3 {background-color: #ffd8cf;}
.kit-L3HNS-s4 {background-color: #c0eeff;}
.kit-L3HNS-s5 {background-color: #eeeeee;}

.kit-L3HNS-s6 {background-image: url('https://astrablobs.blob.core.windows.net/kitcontent/212bbb04-c26e-4666-ab80-cbec4842e790/d9ffabc2-a36c-40a3-bd77-8b3b0561c726/167c0ccc-0f34-4d8c-9949-564a2fdf334b.png')}
.kit-L3HNS-s7 {background-image: url('https://astrablobs.blob.core.windows.net/kitcontent/212bbb04-c26e-4666-ab80-cbec4842e790/f2151d47-3e09-4804-8893-9c5d9afbefb0/4f3521ed-1218-4ed8-acde-43c160b2284a.png')}
.kit-L3HNS-s8 {background-image: url('https://astrablobs.blob.core.windows.net/kitcontent/212bbb04-c26e-4666-ab80-cbec4842e790/54975504-5257-44a0-ac2b-53089b388ecd/2dab96e6-ccdf-4999-ac14-f917a79c890a.png')}

.kit-L3HNS-s9 {background-color: #f5f5f0;}
.kit-L3HNS-s10 {background-color: #FFF9EA;}
.kit-L3HNS-s11 {background-color: #FFF7D6;}


.kit-L3HNS-word-spacing-h2 h2.sectionTitle {word-spacing: 8px;}

span.kit-L3HNS-word-spacing-text,
.kit-L3HNS-word-spacing-text h3,
.kit-L3HNS-word-spacing-text .exercise-description,
.kit-L3HNS-word-spacing-text .exercise, 
.kit-L3HNS-word-spacing-text p,
.kit-L3HNS-word-spacing-text .list li,
.kit-L3HNS-word-spacing-text .caption {word-spacing: 8px; line-height: 36px !important;}


