/*
 Theme Name: Hello Child
 Theme URI: https://example.com
 Description: Child theme for Hello Elementor
 Author: Olli Holopainen
 Author URI: https://example.com
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: hello-child
*/

/* Your global tokens (optional) */
:root{
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --container-max: 1200px;
  --radius: 14px;
	
	--v-valkoinen: #ffffff; 
	--v-musta: #000000;
	
	--v-oranssi: #F86220;
	--v-vaalea-oranssi: #FFF7F4;
	--v-td1-oranssi: #FEE8DE;
	--v-td2-oranssi: #FDE0D3;
	--v-td3-oranssi: #FDD8C7;
		
	--v-sininen: #4F46E4;
	--v-vaalea-sininen: #E4EAF7;
	
	--v-vihrea: #2F6571;
	--v-vaalea-vihrea: #F4F9F8;
	
	--v-lila: #736BE9;
	--v-tumma-lila:#3F3F5C;
	--v-vaalea-lila:#BEBBE8;
	--v-td1-lila: #F6F6FE;
	--v-td2-lila: #EDECFC;
	
}

/* Basic reset additions */
*{box-sizing:border-box}
img{max-width:100%;height:auto}
html:focus-within{scroll-behavior:smooth}


/* Oletusvärit (vaalea teema) */
:root {

	
	

}





.change_tbl_area {
	padding:2em 0;
	background-color:var(--v-vaalea-oranssi);
} 
.change_tbl_area h3 {
	text-align:center;
} 
.change_tbl_area .otsikko_ja_tbl.flex_mid {
	max-width:720px;
	margin:0 auto 2em auto;
	align-items:stretch;
}
.change_tbl_area .otsikko_area {
	width:30%;
	background-color:var(--v-oranssi);
}
.change_tbl_area .tbl_area {
	width:70%;
}
.change_tbl_area .otsikko_area  {
	display:flex;
	align-items:center;
}
.change_tbl_area .otsikko_area h3 {
	padding:1em 2em;
	margin:0;
	font-size:1.5em;
	color:var(--v-valkoinen);
}
table.change_tbl {
	width:100%;
}
table.change_tbl td {
	white-space:nowrap;
	font-size:1.4rem;
	line-height:2;
}
table.change_tbl tr:nth-child(1) td {
	background-color:var(--v-td1-oranssi);
}
table.change_tbl tr:nth-child(2) td {
	background-color:var(--v-td2-oranssi);
}
table.change_tbl tr:nth-child(3) td {
	background-color:var(--v-td3-oranssi);
}
table.change_tbl td:first-child {
	text-align:right;
	width:47%;
}
table.change_tbl td:last-child {
	text-align:left;
}
table.change_tbl .nuoli {
	display:inline-block;
	background-color:var(--v-oranssi);
	width:36px;
	height:2em;
	margin:0 0.5em;
	background-image:url(kuvat/nuoli-white.svg);
	background-size:24px 16px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}



@media only screen and (max-width: 1000px) {
	.change_tbl_area h2 {
		font-size:2.0em;
	} 
	.change_tbl_area .otsikko_area h3 {
		font-size:1.25em;
	} 
}

@media only screen and (max-width: 600px) {
	.change_tbl_area .otsikko_ja_tbl.flex_mid {
		display:block;
	}
	.change_tbl_area .otsikko_area {
		width:auto;
	}
	.change_tbl_area .tbl_area {
		width:auto;
	}
	table.change_tbl td {
		font-size:1.2rem;
	}
	table.change_tbl .nuoli {
		width:22px;
		background-size:18px 12px;
	}
}