/* УМ, ЯДС, Мистецтво */

.central {
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	}

.task_width { /* https://svitdovkola.org/3/test/p1115 */
	width: 610px;
	margin: auto;
	}
@media (max-width: 768px) { .task_width { width: 100% } }

.media_align {
	width: 80%;
	margin: auto;
	text-align: center;
  }
@media (max-width: 768px) { .media_align { width: 100% } }

.full {
	width: 100%;
  }

h1 {
	color: black;
	margin-top: 1.5em;
	margin-bottom: 1.5em auto;
	font-weight: bold;
	}

h2 {
	font-size: 100%;
	color: black;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
  }

.indented-icon {
	margin-right: 1.0em;
	}

.container_bottom_padding {
	padding-bottom: 0.5em;
	}

a.link_media {
	text-decoration: none;
	}
a.link_media:hover {
	text-decoration: underline;
	}

a.link_nav {
	text-decoration: none;
	}

.subtitle {
	font-weight: normal;
	font-style: italic;
	margin-top: 0em;
	margin-bottom: 1.0em;
	}

.soon {
	color: red;
}

.video_add {
	 overflow: hidden;
	 margin: 1.5em auto;
	 }
.video_server_add {
	 min-width: 75%;
	 max-width: 100%;
	 max-height: 100%;
	 left: 50%;
	 position: absolute;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 }
.video_server_add_size100 { /* Видео с другими пропорциями https://svitdovkola.org/um3/test/media10, и в ЯДС тоже*/
	 min-width: 100%;
	 max-width: 100%;
	 max-height: 100%;
	 left: 50%;
	 position: absolute;
	 top: 50%;
	 transform: translate(-50%, -50%);
	 }

.video_border {
	border: 7px solid #fddfc8;
	border-radius: 7px;
	}

.audio_add {
	overflow: hidden;
	margin: 1.0em auto;
	margin-bottom: 1.5em;
	}

.picture_add {
	max-width: 100%;
	margin: 0.5em auto;
	}

.text_article {
	max-width: 1000px;
	text-align: left;
	}

/* ЯДС */

.container_tema_table {
	display: table;
	border: 2px solid #ffffff;
	margin-bottom: 0.6em;
  }
@media (max-width: 768px) { .container_tema_table { width: 100% } }
.nav_tema {
	display: table-cell;
	width: 3em;
	padding: 0.5em;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-weight: bold;
  }
.nav_name {
	display: table-cell;
	width: 14.5em;
	padding: 0.5em;
	line-height: 1.1;
	text-align: left;
	vertical-align: middle;
	color: #505050;
	font-weight: bold;
  }

.blue {
	background-color: #00b6bd;
}
.light-blue {
	background-color: #b2e9eb;
  }
.link_blue:hover {
	border: 2px solid #00b6bd;
  }

.orange {
	background-color: #f79548;
  }
.light-orange {
	background-color: #fddfc8;
  }
.link_orange:hover {
	border: 2px solid #f79548;
  }

.green {
	background-color: #89c765;
  }
.light-green {
	background-color: #dceed1;
  }
.link_green:hover {
	border: 2px solid #89c765;
  }

.magenta {
	background-color: #f15b67;
  }
.light-magenta {
	background-color: #fbced1;
  }
.link_magenta:hover {
	border: 2px solid #f15b67;
  }

.prygoda {
	display: flex;
	justify-content: flex-start;
	cursor: pointer;
	width: 26em;
	margin-bottom: 0.8em;
	padding: 0.5em;
	line-height: 1.1;
	text-align: left;
	vertical-align: middle;
	color: #505050;
	font-weight: bold;
  }
@media (max-width: 768px) { .prygoda { width: 95% } }
.prygoda_text {
	width: 95%;
  }

/*Посилання на сторінку тижня*/

.week_link_blue {
  margin: auto;
  margin-bottom: 0.25em;
  padding: 0.25em 0.5em;
  width: 20em;
  max-width: 80%;
  text-align: center;
  font-weight: bolder;
  background-color: white;
  color: #505050;
  border: 3px dotted #505050;
  border-radius: 5px;
}
a.week_link_blue {
  text-decoration: none;
  color: #505050;
}
a.week_link_blue:hover {
  background-color: #72bcbe;
  color: white;
}
@media (max-width: 768px) { .week_link_blue { width: 90% } }

.week_link_orange {
  margin: auto;
  margin-bottom: 0.25em;
  padding: 0.25em 0.5em;
  width: 20em;
  max-width: 80%;
  text-align: center;
  font-weight: bolder;
  background-color: white;
  color: #505050;
  border: 3px dotted #505050;
  border-radius: 5px;
}
a.week_link_orange {
  text-decoration: none;
  color: #505050;
}
a.week_link_orange:hover {
  background-color: #f2b07d;
  color: white;
}
@media (max-width: 768px) { .week_link_orange { width: 90% } }

.week_link_green {
  margin: auto;
  margin-bottom: 0.25em;
  padding: 0.25em 0.5em;
  width: 20em;
  max-width: 80%;
  text-align: center;
  font-weight: bolder;
  background-color: white;
  color: #505050;
  border: 3px dotted #505050;
  border-radius: 5px;
}
a.week_link_green {
  text-decoration: none;
  color: #505050;
}
a.week_link_green:hover {
  background-color: #80cb7b;
  color: white;
}
@media (max-width: 768px) { .week_link_green { width: 90% } }

.week_link_magenta {
  margin: auto;
  margin-bottom: 0.25em;
  padding: 0.25em 0.5em;
  width: 20em;
  max-width: 80%;
  text-align: center;
  font-weight: bolder;
  background-color: white;
  color: #505050;
  border: 3px dotted #505050;
  border-radius: 5px;
}
a.week_link_magenta {
  text-decoration: none;
  color: #505050;
}
a.week_link_magenta:hover {
  background-color: #f0989b;
  color: white;
}
@media (max-width: 768px) { .week_link_magenta { width: 90% } }



/* ЯДС задания */

.check_answer_button_qr {
	border-style: none;
	margin: auto;
	margin-top: 1.5em;
	margin-bottom: 1.0em;
	width: 300px;
	max-width: 100%;
	border-radius: 10px;
	display: block;
	padding: 0.7em 0;
	line-height: 1;
	background-color: #52ae32;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
  }
.check_answer_button_qr:hover {
	background-color: #66cc33;
	text-decoration: none;
  cursor: pointer;
  }

.check_answer_picture_qr {
	max-width: 100%;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
  }

.check_answer_variants_qr {
	margin-top: 0.5em;
  }

.check_answer_variants_img_qr {       /* https://svitdovkola.org/3/test/p253 */
  max-width: 100%;
	margin-top: 0.5em;
	margin-bottom: 1.0em;
	border: 3px solid #f3d0c6;
	padding: 0.5em;
  }
@media (max-width: 768px) {	.check_answer_variants_img_qr {max-width: 90%; } }

@media (max-width: 768px) {	.container1 { flex-direction: column; } }

.img_container1 {
		margin-right: 1.0em;
		margin-bottom: 1.0em;
	  }
@media (max-width: 768px) {	.img_container1 { width: 100%; height: 100%; } }

ul { /* на стр https://svitdovkola.org/3/test/p1110 */
	margin: 1.0em 0.0em 0.5em -1em;
  }

.picture_in_row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  }

.picture_in_gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	 }
@media (max-width: 768px) {	.picture_in_gallery { flex-direction: column; } }

.img_gallery {
	height: 200px;
	margin: 0.5em;
	transition: 0.2s linear;
	}
@media (max-width: 768px) {	.img_gallery { margin-top: 1.0em; width: 90%; height: 90%} }
.img_gallery:hover {
	opacity: 0.8;
	}

.img_noty {
	width: 540px;
	height: auto;
	margin: 0.5em;
	}
@media (max-width: 768px) {	.img_noty { width: 90%; height: 90%} }

.border {
	border: 1px solid #aaa;
	}

span.frac { /* https://svitdovkola.org/3/test/p259 */
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  }
span.frac > sup, span.frac > sub {
  display: block;
  font: inherit;
  padding: 0 0.3em;
  }
span.frac > sup {
	border-bottom: 0.08em solid;
  }
span.frac > span {
	display: none;
  }

 /* Мистецтво */

.lesson_art {
	display: flex;
	justify-content: flex-start;
	cursor: pointer;
	width: 17.5em;
	margin-bottom: 0.8em;
	padding: 0.5em;
	line-height: 1.1;
	text-align: left;
	vertical-align: middle;
	color: #505050;
	font-weight: bold;
  }
@media (max-width: 768px) { .lesson_art { width: 95% } }

.link_spoiler {
	text-decoration: none;
  }
.link_spoiler:hover {
	text-decoration: underline;
	}

.text_in_gallery {
	margin-top: -1.0em;
  }

.line {
	border-top: #ff6600 dashed 2px;
	margin-top: 1.5em;
	margin-bottom: 1.0em;
	margin-left: -1em;
	}

.extra_row {
	line-height: 1.0em;
	}

.spoiler_margin {
	margin-top: 0.5em;
	margin-bottom: -1.0em;
	}

.spoiler_media_margin {
	margin-top: -0.5em;
	margin-bottom: 1.0em;
	}

/* Інформатика */

.research_ifo {
	display: flex;
	justify-content: flex-start;
	cursor: pointer;
	width: 20em;
	margin-bottom: 0.8em;
	padding: 0.5em;
	line-height: 1.1;
	text-align: left;
	vertical-align: middle;
	color: #505050;
	font-weight: bold;
 }
@media (max-width: 768px) { .research_ifo { width: 95% } }

.research_number {
	line-height: 1.1;
	text-align: left;
	color: #00767b;
	font-weight: bold;
}

.ifo_text_article {
	max-width: 700px;
	text-align: left;
}

.navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 1em auto;
}
.nav, a.nav {
	display: flex;
	font-size: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	width: 13em;
	height: 2.0em;
	padding: 0.1em;
	line-height: 1.0em;
	border-radius: 4px;
	color: #505050;
	margin-top: 0.5em;
	transition: 0.3s linear;
}
.nav_3buttons {
	margin-right: 0.5em;
}
.nav.light-blue:hover {
	background-color: #00b6bd;
	color: #ffffff;
	text-decoration: none; }
.nav.light-orange:hover {
	background-color: #f79548;
	color: #ffffff;
	text-decoration: none; }
.nav.light-green:hover {
	background-color: #89c765;
	color: #ffffff;
	text-decoration: none; }
.nav.light-magenta:hover {
	background-color: #f15b67;
	color: #ffffff;
	text-decoration: none; }

@media (max-width: 768px) {
	.navigation { flex-direction: column; }
	.nav_3buttons {	margin-right: 0; }
 }

.questions { margin-bottom: 0.5em; }

.prompt {
    color: grey;
    font-style: italic;
}

.sub {
    position: relative;
    font-size: 80%;
    top: 3px;
}