:root {
	/* lätki styleguiden 25 väriä tähän muuttujiin*/

	--oh_paavari1_100: #1F95BF;
	--oh_paavari1_80: #4caacc;
	--oh_paavari1_60: #79bfd9;
	--oh_paavari1_40: #a5d5e5;
	--oh_paavari1_20: #d2eaf2;

	--oh_paavari2_100: #65605E;
	--oh_paavari2_80: #84807e;
	--oh_paavari2_60: #a3a09e;
	--oh_paavari2_40: #c1bfbf;
	--oh_paavari2_20: #e0dfdf;

	--oh_lisavari1_100: #83B821;
	--oh_lisavari1_80: #9cc64d;
	--oh_lisavari1_60: #b5d47a;
	--oh_lisavari1_40: #cde3a6;
	--oh_lisavari1_20: #e6f1d3;

	--oh_lisavari2_100: #F7AE2F;
	--oh_lisavari2_80: #f9be59;
	--oh_lisavari2_60: #face82;
	--oh_lisavari2_40: #fcdfac;
	--oh_lisavari2_20: #fdefd5;

	--oh_lisavari3_100: #083D77;
	--oh_lisavari3_80: #396492;
	--oh_lisavari3_60: #6b8bad;
	--oh_lisavari3_40: #9cb1c9;
	--oh_lisavari3_20: #ced8e4;


	--primary: #1F95BF;

	--oh_sivuston_taustavari1: #f6f6f6; /* koko sivuston taustaväri */
	--oh_sivuston_taustavari2: #FFF; /* sivuston sisältö containerien taustaväri */

	--oh_ylatunniste_taustavari1: #FFF8F0; /* CMS palkkien ja päänavin focus tausta */
	--oh_ylatunniste_ikoni: #1F95BF; /* sivuston pääväri */
	--oh_ylatunniste_skip_vari1: #1F95BF; /* sivuston pääväri */

	--oh_banneri_liukuvari1: #1F95BF; /* sivuston pääväri */

	--oh_alatunniste_taustavari1: #e0dfdf;  /* sivuston alatunnisteen/kartan pääväri */
	--oh_alatunniste_taustavari2: #e0dfdf; /* sivuston kartan fill */

	--oh_sektorinav_taustavari1: #1F95BF; /* oikeusfi sektorinavigaation viiva */

	--oh_artikkeli_vari1: #1F95BF; /* sivuston pääväri */
	--oh_metatiedot_vari1: #1F95BF; /* sivuston pääväri */

	--oh_sisalto_taustavari1: #1F95BF; /* sivuston pääväri */
	--oh_sisalto_reunavari1: #1F95BF; /* sivuston pääväri */

	--oh_sisaltonavigaatio_vari1: #1F95BF; /* sivuston pääväri */

	--oh_hakutulokset_vari1: #1F95BF; /* sivuston pääväri */
	--oh_hakutulos_parasvari: #FFF8F0; /* halutuloksien paras osuma taustaväri */

	--evastekysely-painike-color: black; /* evästekyselyn painikkeen tekstin väri */
	--evastekysely-otsikko-color: black; /* evästekyselyn otsikon tekstin väri */

}

/* koska IE */

.is-ie a i.fa-chevron-right {
	color: #1F95BF;
}

.skip_to_primary_content a {
	border: 1px solid #1F95BF; /* sivuston pääväri */
	background: #1F95BF; /* sivuston pääväri */
}

#cms-nav {
	background-color: #FFF8F0; /* oh_ylatunniste_taustavari1 */
}

#cms-header .navbar {
	background-color: #FFF8F0; /* oh_ylatunniste_taustavari1 */
}

#app-module, #app-footer {
	background-color: #f6f6f6; /* oh_sivuston_taustavari1 */
}

.grid-with-gap stato-frame{
	background-color: #FFF; /* oh_sivuston_taustavari2 */
}

.grid-without-gap stato-frame{
	background-color: #FFF; /* oh_sivuston_taustavari2 */
}

.sisaltosivu__container stato-frame{
	border-top: 4px solid #1F95BF; /* oh_sisalto_reunavari1 */
}


.metatiedot__container {
	background-color: #1F95BF; /* sivuston pääväri */
    color: white;
}

.mobilenav-level-1 {
	background-color: #FFF8F0;  /* oh_ylatunniste_taustavari1 */
}

.ohinternet-pikahaku .pikahaku__container i:hover,
.ohinternet-pikahaku .pikahaku__container i:focus,
.ohinternet-pikahaku .pikahaku__container i:active {
    background-color: #1F95BF; /* sivuston pääväri */
}

.ohinternet-paanavigaatio-builder .nav-menu > li:hover {
    background-color: #FFF8F0; /* oh_ylatunniste_taustavari1 */
    border-top: 3px solid #1F95BF; /* sivuston pääväri */
    padding-top: 7px;
}

.ohinternet-paanavigaatio-builder .nav-menu .droplet{
	background-color: #FFF8F0; /* oh_ylatunniste_taustavari1 */
}

.ohinternet-paanavigaatio-builder .navin-hover {
	background-color: #FFF8F0 !important;
}

.ohinternet-cms-contenteditoretusivu-banner .banner__link-button{
	background-color: #FFF8F0; /* oh_ylatunniste_taustavari1 */
}

.ohinternet-alatunniste .footer__container {
    background-color: #e0dfdf;  /* sivuston alatunnisteen/kartan pääväri */
}

.ohinternet-sisaltonavigaatio .sisaltonavigaatio__list > li.active > div{
	border-bottom: 3px solid #1F95BF; /* sivuston pääväri */
}

.ohinternet-cms-contenteditorvasenpalsta #contenteditors > ohinternet-cms-contenteditorvasenpalsta-text::before{
	background: #f6f6f6; /* koko sivuston taustaväri */
	border-bottom: 4px solid #1F95BF; /* sivuston pääväri */
}

.palveluapuri__murupolku>.current>a {
	color: #1F95BF;
}

.palveluapuri__container {
	border-bottom-color: #1F95BF;
}

.palveluapuri__bg-container,
.palveluapuri__alalinkki-linkarea,
.mobile_palveluapuri__container {
	background-color: #1F95BF;
}

.logo_img_rise.basic_version {
	width: 95px !important;
	height: auto !important;
	margin-left: 16px;
}

.ohinternet-pikahaku .desktop-search-area.active,
.ohinternet-pikahaku .quick-search,
.oh-internet-sisallonhallinta-kielivalinta .lang-select.active>#lang-select_main-level,
.oh-internet-sisallonhallinta-kielivalinta .lang-select.active,
.oh-internet-sisallonhallinta-kielivalinta .lang-select_sub-level,
.oh-internet-sisallonhallinta-kielivalinta .lang-select-dropdown,
.ohinternet-paanavigaatio-builder .nav-menu>li.has-drop.active,
.ohinternet-paanavigaatio-builder .nav-menu>li:focus,
.ohinternet-paanavigaatio-builder .nav-menu>li:hover,
.droplet,
stato-row.droplet.row:after {
	background-color: #d2eaf2 !important;
}
.ohinternet-paanavigaatio-builder .nav-menu>li:focus-within {
	background-color: #d2eaf2 !important;
}

.ohinternet-paanavigaatio-builder .navin-hover {
	background-color: #d2eaf2 !important;
}

.droplet {
	outline-color: #d2eaf2 !important;
}

.ohinternet-paanavigaatio-builder i {
	color: black !important;
}

.eksakti h2 a::after {
	background-color: #1F95BF;
}