body { font-size: 16px; font-family: 'Open Sans', sans-serif;  }
body.path-frontpage {
	
}
body > .skip-link {
	font-size: 24px;
    color: #000;
    display: block;
    width: 100%; 
    z-index: 9999;
    position: absolute!important;    
    left: 0;
    background: #fff;
    padding: 90px 15px 15px 15px;
}
::-moz-selection {  background: darkblue; color: #fff;}
::-moz-selection ::selection {background: darkblue; color: #fff;}
#page { 
	color: #34343F;
	font-weight: 100;
	font-size: 22px;
	line-height: 140%;
	background: #fff;
	min-height: 45vh;
}
#page .node__content { padding-left: 0; }
#main { }
h1, h2, h3 { font-family: 'Questrial', brandon-grotesque, 'Open Sans', sans-serif; line-height: 120%; }
.sidebar h3 { line-height: 1.1em; font-size: 20px; margin:4px 0; }
h5 { margin: 0 0 5px 0; }
a:focus { outline: 1px solid #000!important; }
#pre-header a:focus { outline: 1px solid #fff!important; }
a:focus img, a:focus svg { opacity: 0.7; outline: 1px solid #000; }
.toggle-control { position: absolute; top: 0; right: 0; }
.toggle-control a:focus { background: #fafafa!important; }
h2 { color: #1B3E73; font-size: 30px; }
.menu-item--expanded { list-style-image: none!important; list-style-type: square!important; }
table img { display: initial; }
#main table {
	border: 0;
	font-size: 16px;	
}
#main a { text-decoration: underline; }
.path-node-2 table th {
	border-top: 15px solid #fff;	
	background: #f9f9f9;
	border-right: 15px solid #fff;
	border-left: 15px solid #fff;
	border-bottom: 0;
	padding-top: 25px;
} 
.path-node-2 table td {
	padding: 25px 25px 15px 25px;
	border-right: 15px solid #fff;
	border-left: 15px solid #fff;
	border-top: 0;
	background: #f9f9f9;
}
#main table td h2, #main table td h3 { margin-top: 0; }
#pre-header { position: fixed; top: 0; }
#pre-header .menu-item--collapsed { list-style-image: none; list-style-type: square; }
.toolbar-fixed #pre-header { top: 80px;}
#header { 
	padding: 30px 0 20px 0; 	
	display: none;
}
#header .block { padding-bottom: 5px; }
#header-inside { text-align: left; margin-left: 30px; }
#logo img { height: 55px; margin-top: 10px; }
#block-slogan { 
	font-size: 42px; 
	font-family: 'Questrial', 'brandon-grotesque', sans-serif; 
	color: #fff;
	font-weight: bold;
	margin-top: 60px; 
}
#block-slogan h1 { font-size: 72px; font-weight: 100; }
/*
#block-slogan h1:before {
	background-color: #fff;
    content: "";
    display: block;
    height: 4px;
    width: 110px;
    position: absolute;
    left: 45%;  
     
}   
*/  
body.path-frontpage #main-content { padding-top: 45px; }
#main-navigation { position: fixed; top: 0; width: 100%; }
.toolbar-fixed #main-navigation { top: 80px; }
.toolbar-fixed #banner { margin-top: 80px; }
#banner {
	background: transparent url(tausta1.jpg) no-repeat; 
	background-size: 100% auto;
	background-position: top right;
	height: 250px;
	margin-top: 80px;
}
body.path-node-6 #banner { height: 250px; background-position: top right; }
body.path-node-5 #banner { height: 55vh; background-image: url(taustajict.jpg); background-position: center right; }
body.path-node-4 #banner { height: 55vh; background-image: url(sovelluspalvelut.jpg); background-position: center right; }
body.path-node-3 #banner { height: 55vh; background-image: url(tietoliikennepalvelut.jpg); background-position: center right; }
body.path-node-2 #banner { height: 55vh; background-image: url(konesali.jpg); background-position: center right; }
body.path-frontpage #banner {
	background: transparent url(yhteistyolla.jpg) no-repeat center right; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 55vh;
}
#banner div.container { 
	width: 100%;	
	background: rgba(27,62,115, .7) repeating-linear-gradient(
  45deg,
  rgba(27,62,115, .1),
  rgba(255,255,255, .1) 2px,
  transparent 0,
  transparent 4px);
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}

.path-ajankohtaista #page { font-size: 16px; }
.path-ajankohtaista article.node--view-mode-full { margin-vottom: 25px; border-bottom: 1px dotted #ddd; }
.path-ajankohtaista #content-wrapper h2, .path-ajankohtaista #content-wrapper h2 a { 
	color: #6398cd; 
	font-size: 40px;
    line-height: 44px;
    font-weight: 100;
}
.region-sidebar-second .views-field-body { font-size: 14px; line-height: 14px;  }
.region-sidebar-second .views-row { margin-top: 10px; padding-bottom: 10px; }
.region-sidebar-second .pager__items { text-align: left; margin: 0; padding: 0; }
.pager__item.is-active { font-size: 12px; }
#views_slideshow_cycle_main_ajankohtaiset-block_1 .views-field-field-image {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
#block-views-block-ajankohtaiset-block-1 h2 { margin-bottom: 30px; text-align: center; text-transform: uppercase; font-weight: 100;  }
#views_slideshow_cycle_main_ajankohtaiset-block_1 .views-field-title { margin-bottom: 20px; }
#views_slideshow_cycle_main_ajankohtaiset-block_1 .views-field-title a { font-size: 40px;  line-height: 44px; font-weight: 100;  }

#content-wrapper .region-content .block { padding: 0; }
#block-bootstrap-business-content header { padding: 0; }

#bottom-content { background: #ddd; }
.view-id-facebook .view-content {  }
.view-id-facebook .views-row { background: #fff; width: 260px; margin-bottom: 10px; overflow: hidden; }
.view-id-facebook .views-field { font-size: 14px; line-height: 16px; padding: 20px; color: #444; }
.view-id-facebook .views-field-text-1 { padding: 5px 5px 0 5px; }

.views_slideshow_controls_text { float: right; }
.views_slideshow_controls_text_pause { display: none; }

.views-slideshow-controls-top { 
	position: absolute;
    top: 45%;
    width: 100%;
}
.views-slideshow-controls-top .views_slideshow_controls_text_previous {
	position: absolute;
    left: -10%;
    color: transparent;
}
.views-slideshow-controls-top .views_slideshow_controls_text_previous a:before {
	content: " < ";
	font-size: 100px;
	font-weight: 100;	
	color: #000;
}
.views-slideshow-controls-top .views_slideshow_controls_text_next {
	position: absolute;
    right: -10%;
     color: transparent;
}
.views-slideshow-controls-top .views_slideshow_controls_text_next a,
.views-slideshow-controls-top .views_slideshow_controls_text_previous a { color: transparent; }	
.views-slideshow-controls-top .views_slideshow_controls_text_next a:after {
	content: " > ";
	font-size: 100px;
	font-weight: 100;
	color: #000;
}
.views-slideshow-controls-top a:hover { text-decoration: none!important; }

.views-field-created, .field--name-created { font-weight: 400; font-size: 80%; }
.views-field-created .field-content::before { 
	content: "\e109";
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px; 
}
.views-row { border-bottom: 1px dotted #ddd; }


.path-frontpage #banner div.container {
	height: 100vh;
}
#banner #banner-inside { 	
	max-width: 1400px; 
	margin: auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  	padding: 0; 
 }
.path-frontpage #banner #banner-inside { top: 25%; }
#banner .page-title { color: #fff; margin-left: 0px; font-weight: 100; font-size: 72px; }
.page-node-type-article .block-page-title-block h1.page-title span, 
.page-node-type-blogi .block-page-title-block h1.page-title span,
.page-node-type-hairiotiedotteet .block-page-title-block h1.page-title span { font-size: 40px; line-height: 44px; display: block; padding-top: 5%; }


#banner h3 { color: #fff; font-size: 32px; font-weight: 100;}
.region-banner { text-align: center; }
.region-banner h1, .region-banner h2, .region-banner h3 { color: #fff!important;}
.region-highlighted { text-align: center; color: #1B3E73; max-width: 600px; margin: auto; }

.bannerbutton { 
	display: inline-block; 
	padding: 10px 15px; 
	border: 2px solid #eaeaea; 
	background: rgba(255,255,255, .1); 
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease; 
	margin: 2px 0;
}
.bannerbutton a { 
	color: #fff; 
	padding: 0; 
	font-size: 22px; 
	font-weight: 100; 
}
.bannerbutton:hover, .bannerbutton:focus {
	background: rgba(0,0,0, .1); 
}
.bannerbutton a:hover, .bannerbutton a:focus {
	text-decoration: none;
	font-size: 23px;
}

.form-checkboxes .form-item  { margin: 20px; padding: 10px; display: inline-block; }
.form-checkboxes .form-item input { margin-right:8px;}


form .form-item__label { font-size: var(--font-size-base); }
form .form-item__description, form .claro-details__description, form .text-count-message { font-weight: normal; color: var(--input-fg-color);
    font-size: var(--font-size-s); }
#webform-submission-toihin-joki-ict-lle-add-form .webform-details-toggle-state-wrapper { display: none; }

#main-content { padding-top: 40px; background: #fff; }
#top-content { padding: 0; }
.node--view-mode-teaser, .path-node #content-wrapper {
	background: transparent;
	border: 0; margin: 0; 
}
#content-wrapper, #content-wrapper h1, #content-wrapper h2, #content-wrapper h3 {
	color: #1b3e73;
}
.node__content { padding-top: 5px; }
.title-sep:after, #pre-header h2:after, #promoted h2:after, .sidebar h2:after, #footer h2:after {
	width: 50px;
}
.toggle-control a, .toggle-control a:hover {
	line-height: 44px;
	height: 77px;
	background: #000;
}
#sidebar-second { max-width: 290px; font-size: 16px; font-weight: 100; line-height: 18px; } 

#main-navigation .container { width: 98%; }
#main-navigation-inside { padding: 6px 0; }
#main-navigation .block { display: inline-block; }
#main-navigation #block-paavalikko { display: block!important; margin-top: -60px; margin-left: 150px; }
ul.menu { text-align: center!important; margin-right: 1em; }
ul.menu li { border-bottom: 0; }

#main-navigation ul.menu li a { font-weight: 400; color: #505050; font-size: 16px; }
#main-navigation ul.menu li a.is-active { color: #1b3e73!important; font-weight: 600; }
#main-navigation ul.menu li a:hover { color: #7597c9;  }

#pre-header .col-md-4 { width: 100%; }
.pre-header-area { width: 100%; color: #fff; font-size: 110%; }
.pre-header-area li { text-align: left; padding: 0!important; }
.pre-header-area a { color:#fff!important; line-height: 1em!important; font-size: 110%!important;  }
.pre-header-area .block { float: left; height: 100%; clear: initial; }
.pre-header-area #block-yhteystiedotfooter-2 { float: right;  }
.pre-header-area #block-yhteystiedotfooter-2 img { margin-left: 25px; }
.pre-header-area h3 { margin-top: 0; }

#bottom-content { }
#bottom-content h2 { color: #000; }
#bottom-content form { max-width: 500px; }
#bottom-content input[type="submit"], #bottom-content input[type="reset"], #bottom-content input[type="button"] {
	background-color: #6398cd;
}
#bottom-content input[type="submit"]:hover, #bottom-content input[type="reset"]:hover, #bottom-content input[type="button"]:hover {
	background-color: #000; 
}

form label { color: #000; } 

.field--name-field-kysymyksia-ja-vastauksia .field__label {
	margin-bottom: 15px;
}
.field--name-field-kysymyksia-ja-vastauksia .field__items > .field__item {
	font-size: 16px;
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
}
.field--name-field-kysymyksia-ja-vastauksia .field__item .field__label {
	font-size: 16px; margin-bottom: 0;
}
.field--name-field-vastaus { margin-left: 20px; }

.node footer { border: 0; padding: 0; }

#footer { 
	background: transparent url(tausta_contact.jpg) no-repeat; 
	background-size: 100% auto;
	background-position: top right;
	min-height: 300px;
	margin: 0;
	padding: 0;
}
#footer .container {
  background: rgba(27,62,115, .7);
  width: 100%;	
  color: #fff;
  min-height: 300px;
}
.footer-area img { margin-right: 25px; }
#footer-inside { max-width: 1000px; margin: auto; padding: 50px 20px 40px 20px; font-size: 18px; }
#footer-inside .col-md-3 { width: 50%; }
#footer h3 { margin-top: 0; font-size: 18px; line-height: 1.1em; color: #fff; }
#footer a { color: #fff; }
#footer-inside ul { margin:0; text-align: left!important; }
#footer-inside ul li { padding: 0; line-height: 1em; }
.region-footer-first .block { padding-bottom: 15px; }
#subfooter { padding: 0; }
.address {  }
.phone { }
.email { }
.contextual-links a { color: #000!important; }

.ui-loader.ui-corner-all { display: none; }

.luelisaa { padding: 2px 10px; border: 1px solid; cursor: pointer; background: #fff; }
.luelisaa:after {
    content: " > ";
    
    font-size: 16px;
    color: #1b3e73;
    margin-left: 10px;
}	
.luelisaa:hover, .luelisaa:focus { background: #f1f1f1; }
.luelisaa a { }
.luelisaa p { margin: 0; padding: 0; }
.luelisaa-teksti { display: none; }
.luelisaa-teksti.revealed { display:block; padding: 15px; background: #f5f5f5; } 
.luelisaa.revealed:after {
    content: " > ";
}
.luelisaa-teksti a { }

.path-kyyjarven-hyvinvointikysely-kuntalaisille #pre-header,
.path-kyyjarven-hyvinvointikysely-kuntalaisille #main-navigation,
.path-kyyjarven-hyvinvointikysely-kuntalaisille #banner,
.path-kyyjarven-hyvinvointikysely-kuntalaisille #footer,
.path-kyyjarven-hyvinvointikysely-kuntalaisille #subfooter,
.path-osallistun-arvontaan #pre-header,
.path-osallistun-arvontaan #main-navigation,
.path-osallistun-arvontaan #banner,
.path-osallistun-arvontaan #footer,
.path-osallistun-arvontaan #subfooter,
.path-kyyjarven-kysely-kunnan-tyontekijoille #pre-header,
.path-kyyjarven-kysely-kunnan-tyontekijoille #main-navigation,
.path-kyyjarven-kysely-kunnan-tyontekijoille #banner,
.path-kyyjarven-kysely-kunnan-tyontekijoille #footer,
.path-kyyjarven-kysely-kunnan-tyontekijoille #subfooter {
	display: none; 
}

input.form-text, input.form-email, input.form-search, input.form-tel, textarea.form-textarea, select {
	color: #000!important; font-size: 1em!important; font-weight: normal; 
	background-color: #fcfcfc;
	border: 2px solid #eaeaea;
	padding: 14px;
	width: 100%;
	min-height: 50px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="radio"], input[type="checkbox"] { height: 30px; width: 30px; }
form .js-form-type-radio { } 
form input[type="radio"] { margin: 10px 5px;
  float: none !important;
  vertical-align: middle; }

/*ev�ste cookie*/
.cookiesjsr--app {font-size: 120%;} 
.cookiesjsr-banner--info { text-align:left; } 
.cookiesjsr-links.links--row li { list-style: none!important; }
.cookies-cookie-settings-toggle--bottom {
    position: fixed;
    bottom: 5px;
    left: 5px;
    padding: 5px 10px;
    background: #eee;
    font-size: 14px;
}

/* RESPONSIVE */
@media only screen and (min-width: 769px) {
	#bottom-content { min-height: 500px; }
	#bottom-content .view-facebook img { max-height: 160px!important; }
}	

@media only screen and (max-height: 800px) {
	#block-slogan h1, #banner .page-title { font-size: 45px; line-height: 50px; } 
}	
@media only screen and (max-width: 1400px) {
	#main-navigation ul.menu li a { padding: 8px 8px; }
	#main-navigation #block-paavalikko { margin-left: 180px; }
	#block-slogan h1 { font-size: 45px; line-height: 50px;}
}

@media only screen and (max-width: 1199px) {
	#main-navigation ul.menu li a { font-size: 14px; padding: 8px 5px; }
	#footer-inside { font-size: 14px; }
	#footer { background-size: cover; }
	#banner { background-size: cover; }
}
@media only screen and (max-width: 940px) {
	#main-navigation #block-paavalikko { display: none!important; }	
	.toggle-control { position: absolute; top: 0; right: 0; }
}	

@media only screen and (max-width: 768px) {
	
	#page { font-size: 16px; }
	#logo img { height: 25px; }
	#block-slogan h1, #banner .page-title { font-size: 30px; line-height: 1em; }
	.path-frontpage #banner #banner-inside { top: 30%; }
	h4 { font-size: 16px; line-height: 18px; }
	.bannerbutton { padding: 5px;}
	.bannerbutton a { font-size: 14px; }
	#views_slideshow_cycle_main_ajankohtaiset-block_1 .views-field-field-image { width: 100%; text-align: center; }
	#views_slideshow_cycle_main_ajankohtaiset-block_1 .views-field-title a { font-size: 28px; line-height: 32px;}
	#banner { height: 35vh!important; min-height: 220px !important; }
	#banner .page-title { font-size: 40px; }
	#banner h3 { font-size: 20px; }
	#sidebar-second { text-align: center; margin: auto; }
	#sidebar-second p { }
	.path-frontpage #banner #banner-inside {
    	margin-top: 35px;
	}
	.views-slideshow-controls-top { display: none; }
	#main-navigation, .toolbar-fixed #main-navigation,
	.toolbar-fixed #banner, .toolbar-fixed #pre-header  { top: 0; margin-top: 0; }
	.toggle-control a, .toggle-control a:hover {
    	line-height: 1em!important;
    	height: 47px;
	}
	.title-sep::after, #pre-header h2::after, #promoted h2::after, .sidebar h2::after, #footer h2::after { left: 40%; }
	.path-frontpage #banner div.container { height: 100%; position: relative; }
	.region-banner h1, .region-banner h2, .region-banner h3 {
	    color: #fff!important;
	    font-size: 16px!important;
	    font-weight: 700!important;
	    line-height: 1.2em!important;
	}
	.region-banner h1 { font-size: 20px!important; }
	#content-wrapper, #page { color: #000; font-weight: 400; }
	
}

@media only screen and (max-width: 580px) {
	#banner { height: 40vh!important; margin-top: 50px; }
	h2, h2 a { font-size: 24px!important; line-height: 26px!important; }
	#banner .page-title { font-size: 32px; }
	#banner h3 { font-size: 16px; }
	#block-slogan { margin-top: 25px; }
	.path-node-2 table { }
	.path-node-2 table tr { display: block; }
	.path-node-2 table th {	order: 0; width: 100%; display: block; display: table-cell; border: 0; background: transparent; } 
	.path-node-2 table td {	order: 1; width: 100%; display: block; }
	.path-frontpage #banner #banner-inside {
   		margin-top: 35px;
	}
	.pre-header-area #block-yhteystiedotfooter-2 { float: left; }
	#footer-inside .col-md-3 {
		width: 100%;
	}
	.node__content, #comments, .page-contact #content-wrapper { padding: 20px 15px; }
	.view-id-facebook .views-row { width: 100%; }
	
}