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

	--oh_paavari1_100: #6897C0;
	--oh_paavari1_80: #86accd;
	--oh_paavari1_60: #a4c1d9;
	--oh_paavari1_40: #c3d5e6;
	--oh_paavari1_20: #e1eaf2;

	--oh_paavari2_100: #33658A;
	--oh_paavari2_80: #5c84a1;
	--oh_paavari2_60: #85a3b9;
	--oh_paavari2_40: #adc1d0;
	--oh_paavari2_20: #d6e0e8;

	--oh_lisavari1_100: #758E4F;
	--oh_lisavari1_80: #91a572;
	--oh_lisavari1_60: #acbb95;
	--oh_lisavari1_40: #c8d2b9;
	--oh_lisavari1_20: #e3e8dc;

	--oh_lisavari2_100: #F6AE2D;
	--oh_lisavari2_80: #f8be57;
	--oh_lisavari2_60: #face81;
	--oh_lisavari2_40: #fbdfab;
	--oh_lisavari2_20: #fdefd5;

	--oh_lisavari3_100: #F26419;
	--oh_lisavari3_80: #f58347;
	--oh_lisavari3_60: #f7a275;
	--oh_lisavari3_40: #fac1a3;
	--oh_lisavari3_20: #fce0d1;


	--primary: #6897C0;

	--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: #6897C0; /* sivuston pääväri */
	--oh_ylatunniste_skip_vari1: #6897C0; /* sivuston pääväri */

	--oh_banneri_liukuvari1: #6897C0; /* sivuston pääväri */

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

	--oh_sektorinav_taustavari1: #6897C0; /* oikeusfi sektorinavigaation viiva */

	--oh_artikkeli_vari1: #6897C0; /* sivuston pääväri */
	--oh_metatiedot_vari1: #6897C0; /* sivuston pääväri */

	--oh_sisalto_taustavari1: #6897C0; /* sivuston pääväri */
	--oh_sisalto_reunavari1: #6897C0; /* sivuston pääväri */

	--oh_sisaltonavigaatio_vari1: #6897C0; /* sivuston pääväri */

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

}

/* koska IE */

.is-ie a i.fa-chevron-right {
	color: #6897C0;
}

.skip_to_primary_content a {
	border: 1px solid #6897C0; /* sivuston pääväri */
	background: #6897C0; /* 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 #6897C0; /* oh_sisalto_reunavari1 */
}


.metatiedot__container {
	background-color: #6897C0; /* 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: #6897C0; /* sivuston pääväri */
}

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

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


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

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

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

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

.palveluapuri__murupolku>.current>a {
	color: #6897C0;
}

.palveluapuri__container {
	border-bottom-color: #6897C0;
}

.palveluapuri__bg-container,
.palveluapuri__alalinkki-linkarea,
.mobile_palveluapuri__container {
	background-color: #6897C0;
}

.mao-nostolista {
	width: 100%
}

.header__pagename {
	height: auto !important;
}


.ohinternet-ylatunniste .header__pagename.big-header {
	font-size: 1.5rem !important;
}


.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,
.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: #e1eaf2 !important;
}
.ohinternet-paanavigaatio-builder .nav-menu>li:focus-within {
	background-color: #e1eaf2 !important;
}

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

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

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

.eksakti h2 a::after {
    background-color: #6897C0
}

.oh-internet-sisallonhallinta-sisaltoeditori-text .sui-select__item[data-value="h5"],
.oh-internet-sisallonhallinta-sisaltoeditori-text .sui-select__item[data-value="h6"] {
	display: block !important;
}

#app-footer i.fa,
#app-footer i.fa.primary-arrow,
#app-footer *:before {
	color: white;
}

stato-frameset#ohinternet-framesets-parent-admin {
	grid-template-columns: 1fr 1fr 352px !important;
}