/* 
Theme Name:     Twenty Eleven Stadin Ilmasto
Theme URI:      http://www.stadinilmasto.fi
Description:    Child theme for the Twenty Eleven theme 
Author:         Ymparistokeskus
Author URI:     http://www.hel.fi/ymk
Template:       twentyeleven 
Version:        1.0 
*/  
@import url("../twentyeleven/style.css");  
body{background: #A9A18C; /*Vaihda t�st� taustav�ri*/ 
color: #333333; /*Vaihda tästä tekstinväri*/
}

#page{
margin: 1px auto;	
	}
h1, h2, h3, h4, h5, h6 {
font-size: 16pt;
color: #0066cc !important;	
clear: none;
}

h1.frontpage {
font-size: 17pt;
}

h1.entry-title {
font-size: 125%;
color: #0066cc !important;
}

h2.entry-title {
margin-bottom: 30px;
}

h1.entry-title a, h2.entry-title a {
color: #0066cc !important;
}

div.stb-info_box {
padding-left:4%;
margin-right:-10%;
}

.langform{
position:absolute;
left:85%;
top:0;
}

.icl_lang_sel_translated{
display:none;
}

.infobox {
font-size:9pt;
margin-left: -10%;
margin-right: 5%;
color:white;
}

.infobox a {
color: white;
font-style: italic;
text-decoration: underline;
}

h2.infobox {
font-size: 12pt;
margin-top: -5%;
margin-left: 5%;
color:white !important;
}

div.stb-black_box {
margin-right: -5%;
margin-left: -5%;
margin-top: 10%;
margin-bottom: 10%;
background-color: #0069b4;
}

#content {
/*margin: 0 2% 0 2%;*/
/* width: 75%;   */
width: 60%;
}

div.menu-valikko-container {
margin-right: 0;
/*height: 70px;*/
}

.column-grid-12 .column-span-4 {
width: 33% !important;
}

.column-grid .column {
float: left;
margin-right: 0 !important;
margin-left: 0;
}

td {
font-size:10pt;
}

a.tag-link-18 {
font-size:13pt;
}

/* AJANKOHTAISTA RSS-FEED ETUSIVULLA */
.rss-frontpage ul li {
margin-left: -18%;
list-style:none;
font-size:9pt;
}
.rss-frontpage ul li:first-child {
display:none;
}
/**/

li{
font-size:10pt;
}

	
p{
margin-bottom: 1.425em;	
font-size:10pt;
	}

a{ color: #254655; }


#secondary{
padding-left:1%;
	margin-right:2.7%;
/*T�h�n tulee tyylit sivupalkille*/ 
	}
#secondary ul{
	list-style:none;
	}

/* Esteett�myys navigoinnin n�kym� */

#switches{float:right;margin-right:20px;}
#switches li{display:inline;list-style-type:none;}

#normal{
	display:none;
	}
	#accessbility{
	display:inline;
	}

/*Navipalkin tyylit*/
header#branding{  
background: #fff;  
color: #fff;  
}  
header#branding h1, header#branding h2, header#branding a{ color: #fff; font-size: 110%; }  
#respond{ background: #fff; }
 
.breadcrumbs a{
color:blue;
}

.breadcrumbs{
padding-left:8%;
}
#access {
	background: #0869B3; /* Vaihda t�st� Navigoinnnin taustav�ri. */
	background: -moz-linear-gradient(#0869B3, #0869B3);/*Jos haluat liukuv�rin navigointiin, vaihda tai poista n�m�. Ensimm�inen v�ri on yl�v�ri ja toinen alav�ri. T�m� on Mozilla Firefoxia varten */
	background: -o-linear-gradient(#0869B3, #0869B3);/* T�m� on liukuv�ri Opera-selainta varten*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DBCA69), to(#D57500)); /* T�m� on liukuv�ri vanhempia Chrome ja Safari selaimia varten*/
	background: -webkit-linear-gradient(#0869B3, #0869B3);/*T�m� on liukuv�ri uudempia Chrome- ja Safari selaimia varten.*/
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	
margin:0 auto 6px;
	width: 100%;
}
#colophon {
	background: #0869B3;
#branding .only-search + #access div {
padding-right: 1px !important; 
}

}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0  -0.8125em;
	
	padding-left: 0;
	}
#access li {
	float: left;
	position: relative;
	
}
#access a {
	color: #1D9DD9;/*Vaihda t�st� navigoinnin linkin tekstin v�ri*/
	display: block;
	font-weight: bold;
	line-height: 3.333em;
	padding: 0 0.5em;
	text-decoration: none;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
	
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #1d9dd9;/* Vaihda t�st� navigoinnin alasivun linkin taustav�ri*/
	border-bottom: 1px dotted #000000;
	color: #ffffff; /*Navigoinnin alasivun linkin tekstin v�ri*/
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}


#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #2178BB;}

#access li:hover > a,
#access a:focus {/*Vaihda t�st� taustav�ri hiiren ollessa linkin p��ll�*/
	background: #1d9dd9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#1d9dd9, #1d9dd9);/*Jos haluat liukuv�rin, vaihda tai poista n�m�. Ensimm�inen v�ri on yl�v�ri ja toinen alav�ri. T�m� on Mozilla Firefoxia varten */
	background: -o-linear-gradient(#1d9dd9, #1d9dd9);/* T�m� on liukuv�ri Opera-selainta varten*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d9dd9), to(#1d9dd9));/* T�m� on liukuv�ri vanhempia Chrome ja Safari selaimia varten*/
	background: -webkit-linear-gradient(#1d9dd9, #1d9dd9);/*T�m� on liukuv�ri uudempia Chrome- ja Safari selaimia varten.*/
	color: #fff;/*Tekstin v�ri hiiren ollessa linkin p��ll�*/
}

#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
	color: #0869B3;
	background: #FFFFFF
}

#access div{
margin-left:2.5%;
margin-right:2.5%;
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #fff;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}
#branding img{
	margin-bottom:0;

	}
.mc-main .category-key {
display:none;
}

/* sivupalkittoman sivun tekstiosion leventäminen*/
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	margin: 0;
	width:98%;
}
.singular .entry-title {
	font-size:26px;
}

.entry-title {
	padding-top:1px;
	color: #0066cc !important;
}
.singular.page .hentry {
	padding:0.5em;
	}
.singular .hentry {
	padding:0.5em;
}

/* Artikkelin tietojen poisto */
.entry-meta .meta-sep,
.entry-meta .cat-links,
.entry-meta .by-author,
.entry-meta .vcard{
     display:none;
}

.entry-content, .entry-summary {
padding: 0.25em 0 0;
}

.singular footer.entry-meta{
     display:none;
}
.commentlist{
	}

/* footerin tyylit*/
#colophon{
	
	}
/*Navipalkki koko leveydelle!*/
#branding .only-search + #access div {
	padding-right: 0px!important;
}
#primary{
margin-right:-26.4% !important;
}

#line{
border-top:1px solid #444;
padding-top:10px;
}
.nav-next{
float:right;}

#content nav a {
font-size:15px;
}
/*Palstojen sovittaminen pienille näytöille*/
@media screen and (min-width: 320px) and (max-width: 480px) {
	.slideshow_container{
		width:100%;
max-height:120px !important;
	}
	.slideshow_container img{
		
min-height:40% !important;
	}
		.column-grid-12 .column-span-4 {
width:50% !important;

}
	.column-grid-5 .column-span-2 {
width:50% !important;

}
	.column-grid-4 .column-span-2 {
width:50% !important;

}
	.column-grid-3 .column-span-2 {
width:50% !important;

}
	.column-grid-2 .column-span-1 {
width:50% !important;

}
.column-grid .column-last {
float:left !important;
}
}

#pf-dialog-ads {
	display:none !important;
	visibility:hidden !important;
	height: 0px !important;
}

#gaiframe {
	display:none !important;
	visibility:hidden !important; 
}


/* TOOLBOX NAV STYLES START */
.toolbox-nav a{line-height:1.5em !important;}
.toolbox-nav {margin-top: 40px !important;}
.si-table a{color:black!important;}
/* TOOLBOX NAV STYLES END */





/* TOOLBOX TABLE STYLES */
/*         START        */
/* TOOLBOX TABLE STYLES */

.si-table *, .si-table *:before, .si-table *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.si-table p:empty {
	display: none; /* fix for empty Paragraphs - from the WP "autop" */
}

.si-table {
	text-align: center;
	font-size: 10px;
	padding: 6px 10px;
	margin: 0 calc(-2% - 0.5em - 7.6% - 6px) 0 calc(-0.5em - 7.6% - 6px); /* remove if using a different theme */
}

@media (min-width: 768px){
	.si-table {
		font-size: 14px;
	}
}

.si-table__header {
	margin-bottom: 6px;
}

.si-table__header-right {
	display: flex !important;
	display: -webkit-flex !important;
	flex-wrap: wrap !important;

	font-size: 10px;
	line-height: 1;
	color: #ffffff;
}

@media (min-width: 768px){
	.si-table__header-right {
		font-size: 15px;
	}
}

.si-table__header-right:before,
.si-table__header-right:after {
	display: none !important; /* old iOS fix for flexbox */
}

.si-table__header-right__item {
	padding-top: 15px;
	padding-bottom: 15px;
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
}

.si-table__header-right__item:first-child {
	border-left: none;
}

.si-table__header-right__item:last-child {
	border-right: none;
}

.si-table__header-right__item:nth-child(3) {
	border-right: none; /* remove if you fix WP "autop" or if you need more than 3 columns */
}

.si-table__header-right__item img {
	max-width: 50%;
	height: auto;
	margin: 0 auto 0 auto;
	display: block;
}

.si-table__row {
	margin-bottom: 6px;
	position: relative;

	min-height: 250px;
}

.si-table__vert-title-wrapper {
	border-right: 6px solid white;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1;
	color: #ffffff;
	position: absolute !important;
	top: 0; 
	left: 0; 
	bottom: 0;
}

@media (max-width: 991px){

	.si-table__vert-title-wrapper img {
		display: none;
	}

	.si-table__vert-title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%) rotate(-90deg);

		letter-spacing: 2px;
		margin-top: -1px; /* half of letter-spacing */

		width: 200px;
	}
}

@media (min-width: 768px){
	.si-table__vert-title {
		font-size: 15px;
	}
}

@media (min-width: 992px){
	.si-table__vert-title {
		font-size: 15px;
	}

	.si-table__vert-title-wrapper img {
		max-width: 80%;
		height: auto;
	}

	.si-table__vert-title-wrapper-inner-table {
		display: table;
		height: 100%;
		width: 100%;
	}

	.si-table__vert-title-wrapper-inner-cell {
		display: table-cell;
		vertical-align: middle;
		padding: 0 15px;
	}
}

.si-table__line {
	margin: 8px 0;
	display: flex !important;
	display: -webkit-flex !important;
	flex-wrap: wrap !important;
}

.si-table__line:before,
.si-table__line:after {
	display: none !important; /* old iOS fix for flexbox */
}

.si-table__line > div {
	padding: 10px 0;
}

.si-table__line:nth-child(odd) > div {
	background-color: rgba(255,255,255,0.35);
}

.si-table__line:nth-child(even) > div {
	background-color: rgba(255,255,255,0.6);
}

/* MODIFICATION OF THE GRID - SPECIAL REQUEST */

@media (min-width: 992px){

	.si-table__vert-title-wrapper.col-2 {
		width: 25% !important;
	}

	.si-table__row-right.col-10.col-offset-2,
	.si-table__header > .col-10.col-offset-2 {
		margin-left: 25% !important;
		width: 75% !important;
	}
}

/* GRID */

.si-table .clearfix:before,
.si-table .clearfix:after,
.si-table .row:before,
.si-table .row:after {
  content: " ";
  display: table;
}
.si-table .clearfix:after,
.si-table .row:after {
  clear: both;
}

.si-table .row {
  margin-right: -4px;
  margin-left: -4px;
}
.si-table .col-1, .si-table .col-2, .si-table .col-3, .si-table .col-4, .si-table .col-5, .si-table .col-6, .si-table .col-7, .si-table .col-8, .si-table .col-9, .si-table .col-10, .si-table .col-11, .si-table .col-12 {
  float: left;

  position: relative;
  min-height: 1px;
  padding-right: 4px;
  padding-left: 4px;
}
.si-table .col-12 {
  width: 100%;
}
.si-table .col-11 {
  width: 91.66666667%;
}
.si-table .col-10 {
  width: 83.33333333%;
}
.si-table .col-9 {
  width: 75%;
}
.si-table .col-8 {
  width: 66.66666667%;
}
.si-table .col-7 {
  width: 58.33333333%;
}
.si-table .col-6 {
  width: 50%;
}
.si-table .col-5 {
  width: 41.66666667%;
}
.si-table .col-4 {
  width: 33.33333333%;
}
.si-table .col-3 {
  width: 25%;
}
.si-table .col-2 {
  width: 16.66666667%;
}
.si-table .col-1 {
  width: 8.33333333%;
}
.si-table .col-offset-12 {
  margin-left: 100%;
}
.si-table .col-offset-11 {
  margin-left: 91.66666667%;
}
.si-table .col-offset-10 {
  margin-left: 83.33333333%;
}
.si-table .col-offset-9 {
  margin-left: 75%;
}
.si-table .col-offset-8 {
  margin-left: 66.66666667%;
}
.si-table .col-offset-7 {
  margin-left: 58.33333333%;
}
.si-table .col-offset-6 {
  margin-left: 50%;
}
.si-table .col-offset-5 {
  margin-left: 41.66666667%;
}
.si-table .col-offset-4 {
  margin-left: 33.33333333%;
}
.si-table .col-offset-3 {
  margin-left: 25%;
}
.si-table .col-offset-2 {
  margin-left: 16.66666667%;
}
.si-table .col-offset-1 {
  margin-left: 8.33333333%;
}
.si-table .col-offset-0 {
  margin-left: 0;
}


/* TOOLBOX TABLE STYLES */
/*          END         */
/* TOOLBOX TABLE STYLES */