/*PÄIS*/
.introback {background-color: #1d1000;}


/*Kastid*/
.kastike {padding: 16px; margin-bottom: 16px; overflow: auto;}



/* Sektsioonitaustad */
.lisa5 {background-color: #ded7bc;}
.lisa10 {background-color: #ffd689;}
.lisa101 {background-color: #ffdea1;}
.lisa11 {background-color: #8b2c02;}
.lisa13 {background-color: #cdd38b;}
.nobel {background-color: #374e38;}
.lennon {background-image: url(peace.png)}
.president {background-color: #192740;}
.lennu {background-image: url(rukk.png)}
.piltkiri {background-image: url(piltkiri.png)}
.pold {background-image: url(pold.png)}

/* Ülesanded */
.reflect
    {padding: 20px;
    background-color: #cde0e0;
    color: black;
    border-radius: 3px; 
    margin-top: 0px; 
    margin-bottom: 15px; 
    clear: both;
    overflow: auto;}


/* Lõpusektsioonitaustad */
.kordamiskysimused {background-color: #7b7051; color:white; background-image: url(kell.png)}
.moisted {background-color: #537972; color:white; background-image: url(raamatu.png)}



/* MUU KAMA */
.sissejuhatus {background-color: antiquewhite;}

div>.text.mediaNode {padding: 40px 20px 20px 20px; background-color: rgb(255, 245, 217);  color: black; border-radius: 3px; margin-bottom: 15px; clear: both; overflow: auto;}
.theme.green {background-color: #669966;}

.luther {background-color: #4d0153}

@media (min-width: 701px) {
	.fourCols {clear: left; width: 100%; float: left;}
	.fourCols>div {width: 24%; float: left; margin-right: 1%}
	.fourCols>div:first-child {}
	.fourCols>div:last-child {}

	.image-half-right {float: right; width: 50%; margin-left: 5%;}
}


/* entire container, keeps perspective */
.css-flipper-flip-container {
	perspective: 1000;
	float: left;
	width: 100%;
	padding-bottom: 100%;
	transform-style: preserve-3d;
}

/* flip the pane when hovered */

.css-flipper-flip-container:hover .css-flipper-back {
	transform: rotateY(0deg);
}
.css-flipper-flip-container:hover .css-flipper-front {
	transform: rotateY(180deg);
}

.css-flipper-flip-container, .css-flipper-front, .css-flipper-back {
	width: 100%;
}

.css-flipper-flipper img {width: 100%; float: left;}

/* flip speed goes here */
.css-flipper-flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.css-flipper-front, .css-flipper-back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.css-flipper-front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.css-flipper-back {
	transform: rotateY(-180deg);
}