/*
 * CC-BY-SA licence. karlis.kalviskis.lv
 * versija 0.05.02 2021.02.07 11:16
 */

/* 
 * Būtisks palīglīdzeklis stilu izveidē:
 * https://www.w3schools.com/
 * 
 * Kokveida struktēras iedvesmas avots:
 * https://two-wrongs.com/draw-a-tree-structure-with-only-css
 * Autors: Chris
 */

body {
	font-family: 'Antykwa Torunska', 'Cardo', Serif;
	
}
A {
	text-decoration: none;
	border: 1px dotted;
}
.kokveida li input[type=checkbox], .paskaidro input[type=checkbox]{
	display: none;
}
.paraksts{
	text-align: right;
	color: white;
}
.par_prg {
	text-align: left;
	color: white;
}
.paraksts a:link, .paraksts a:active, .paraksts a:visited,
.par_prg a:link, .par_prg a:active, .par_prg a:visited
{
	border: none;
	color: salmon;
}
.aste{
	line-height: 3em;
	font-style: italic;
	font-size: 75%;
	background-color: #220066;
	margin: 0;
	padding: 0 2em 0;
	border-top: 1px solid #220099;
	border-left: 1px solid #220099;
	border-bottom: 1px solid #000033;
	border-right: 1px solid #000033;
}

table.aste {
	width: 100%;
	table-layout: fixed;
	border: 0px;
	border-collapse: collapse;
	margin-top: 2em;
}
table.aste th, table.aste td {
	padding: 0.2em 0.8em 0.4em;
	border: 0px;
}
table.aste tr {
	border-top: 1px solid #220099;
	border-left: 1px solid #220099;
	border-bottom: 1px solid #000033;
	border-right: 1px solid #000033;
	background-color: #220066;
}


@media print {
	video, .maajup, .izvelne, .izdrukai, .ivideo, .par_prg{
		display: none;
	}
}

@media screen {
	body {
		color: snow;
		background-color: navy;
		padding-top: 2em;
	}

	A:link, A:active {
		color: #007700;
	}
	A:visited {
		color: #2255AA;
	}
	a:hover
	{
		color: yellow;
		background-color: navy;
	}
	.maajup A:link, .maajup A:active, .maajup A:visited,
	.izdrukai A:link, .izdrukai A:active, .izdrukai A:visited,
	.ivideo A:link, .ivideo A:active, .ivideo A:visited,
	{
		color: lightblue;
		line-height: 2em;
	}
	.maajup a:hover, .izdrukai a:hover, .ivideo a:hover{
		color: white;
		font-weight: bold;
	}
	.maajup a:hover:after{
		content: " Uz satura rādītāju ▲";
	}
	.izdrukai a:hover:after{
		content: " Visi skaidrojumi ▲";
	}
	.ivideo a:hover:after{
		content: " Video apskate ▲";
	}
	a[href$=".pdf"] {
		font-size: 75%;
	}
	a[href$=".pdf"]:before { 
		content: url(att/PDF_small.svg);
		width: 2em;
		height: 1em;
		margin-right: 0.2em;
	}

	.izvelne {
		position: fixed;
		top: 6;
		left: 6;
		height: 2em;
		font-size: 24;
	}

	.kokveida input[type=checkbox] +label:after
	{
		content: "▶";
		margin-left: 1em;
		color: yellow;
		// background-color: #111100;
	}
	.kokveida input[type=checkbox]:hover +label:after
	{
		color: red;
	}

	.kokveida input[type=checkbox]:checked +label:after
	{
		content: "▿";
		color: black;
		background-color: transparent;
	}

	.kokveida li input ~ ul, .paskaidro input ~ div
	{
		display: none;
	}

	.kokveida li input:checked ~ ul, .paskaidro input:checked ~ div
	{
		display: block;
	}


	.kokveida li label, .paskaidro label
	{
		cursor: pointer;
	}

	.kokveida {
		color: #222222;
		background-color: #AAAACC;
	}
	.kokveida li , p{
		color: #222222;
		font-size:120%;
		font-weight: bold;
	}
	.kokveida li{
		background-color: #BBBBDD;
	}
	.kokveida li li {
		color: #222222;
		background-color: #CCCCEE;
		font-size:95%;
		font-weight: normal;
	}
	.kokveida li li li {
		color: #222222;
		background-color: #DDDDFF;
		font-size:95%;
	}
	.kokveida:hover{
		color: #000000;
		background-color: #BBBBDD;
	}
	.kokveida li:hover{
		color: #000000;
		background-color: #CCCCEE;
	}
	.kokveida li li:hover{
		color: #000000;
		background-color: #DDDDFF;
	}
	.kokveida li li li:hover{
		color: #000000;
		background-color: #EEEEFF;
	}
	.kokveida, .kokveida ul, .kokveida li {
		 position: relative;
	}
/*
 	.kokveida ul {
		list-style: none;
		padding-left: 32px;
	}
*/
	.kokveida li::before, .kokveida li::after {
		content: "";
		position: absolute;
		left: -12px;
	}
	.kokveida li::before {
		border-top: 1px solid #000;
		top: 9px;
		width: 8px;
		height: 0;
	}
	.kokveida li::after {
		border-left: 1px solid #000;
		height: 100%;
		width: 0px;
		top: 2px;
	}
	.kokveida ul > li:last-child::after {
		height: 8px;
	}

	.paskaidro {
		margin-top: 2em;
	}
	.paskaidro label {
		font-size: 120%;
		font-weight: bold;
	}
	.paskaidro + label:before {
		content: url(att/folder.gif) " ";
	}
	.paskaidro:checked + label:before {
		content: url(att/folder.open.gif) " ";
	}

	.ierobezots {
		overflow:auto;
		height: 24em;
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 2em;
	}

	table {
		border: 2px solid #ffffff;
		border-collapse: collapse;
		width: 100%;
	}
	th {
		font-family: monospace;
		color: darkgrey;
	}
	td {
		color:black;
	}
	th, td {
		padding: 0.2em 0.8em 0.4em;
		text-align: left;
		border: 2px solid #ffffff;
	}
	tr:nth-child(even) {
		background-color: #f8f8ff;
	}
	tr:nth-child(odd) {
		background-color: #dfdfee;
	}
	.Att_labaa_mala p{
		background-color: #DDDDFF;
	}
}


@media only screen and (max-width: 600px) {
	.Att_viens img {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}
	.Att_labaa_mala {
		position: static;
		font-weight: normal;
	}
	.Att_labaa_mala p {
		padding: 2em;
	}
}

@media only screen and (min-width: 601px) {
	.Att_viens img {
		width: 40%;
	}
	.Att_labaa_mala {
		position: absolute;
		top: 6.2em;
		left: 42%;
		width: 55%;
		font-weight: normal;
	}
	.Att_labaa_mala p {
		padding: 0.2em;
	}
}

@media only screen and (min-width: 1001px) {
	.Att_viens img {
		width: 60%;
	}
	.Att_labaa_mala {
		position: absolute;
		top: 6.2em;
		left: 62%;
		width: 35%;
		font-weight: normal;
	}
	.Att_labaa_mala p {
		padding: 0.8em;
	}
}

@media only screen and (max-width: 1280px) {
	video {
		display: block;
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	.paskaidro {
		position: static;
	}
}

@media only screen and (min-width: 1281px) {
	video {
		display: block;
		width: 60%;
		margin-left: 5%;
		margin-right: 35%;
	}
	.paskaidro {
		position: absolute;
		top: 4em;
		left: 67%;
		width: 30%;
	}
	.ierobezots {
		width: 95%;
	}
}

/* Video titriem */
::cue {
	color: brown;
	background: rgba(255, 255, 255, 0.75);
	font-size: 22;
	font-family: "DejaVu Serif Condensed", "Liberation Serif", serif;
	font-wight: 500;
	 text-shadow: -3px -3px 5px #ffff00, 3px 3px 5px #ffff00;
}