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

	--oh_paavari1_100: #701940;
	--oh_paavari1_80: #8d4766;
	--oh_paavari1_60: #a9758c;
	--oh_paavari1_40: #c6a3b3;
	--oh_paavari1_20: #e2d1d9;

	--oh_paavari2_100: #25283D;
	--oh_paavari2_80: #515364;
	--oh_paavari2_60: #7c7e8b;
	--oh_paavari2_40: #a8a9b1;
	--oh_paavari2_20: #d3d4d8;

	--oh_lisavari1_100: #F46036;
	--oh_lisavari1_80: #f6805e;
	--oh_lisavari1_60: #f8a086;
	--oh_lisavari1_40: #fbbfaf;
	--oh_lisavari1_20: #fddfd7;

	--oh_lisavari2_100: #171219;
	--oh_lisavari2_80: #454147;
	--oh_lisavari2_60: #747175;
	--oh_lisavari2_40: #a2a0a3;
	--oh_lisavari2_20: #d1d0d1;

	--oh_lisavari3_100: #436436;
	--oh_lisavari3_80: #69835e;
	--oh_lisavari3_60: #8ea286;
	--oh_lisavari3_40: #b4c1af;
	--oh_lisavari3_20: #d9e0d7;


	--primary: #701940;

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

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

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

	--oh_sektorinav_taustavari1: #701940; /* oikeusfi sektorinavigaation viiva */

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

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

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

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

}

/* koska IE */

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

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


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

.ohinternet-paanavigaatio-builder .nav-menu > li:hover {
    background-color: #FFF8F0; /* oh_ylatunniste_taustavari1 */
    border-top: 3px solid #701940; /* 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: #e2d1d9;  /* sivuston alatunnisteen/kartan pääväri */
}

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

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

.palveluapuri__murupolku>.current>a {
	color: #701940;
}

.palveluapuri__container {
	border-bottom-color: #701940;
}

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


.header__container {
	background-color: #701940 !important;
}


.pikahaku__button {
	background-color: white !important;
}

.pikahaku__button:hover,
.pikahaku__button:active,
.pikahaku__button:focus {
	background-color: #701940 !important;
}



.header__tools-container a,
#lang-select_lang,
.lang-select:not(.active) #lang-select_lang:focus .lang-text,
#lang-select_lang i,
.image_and_logo_text {
	color: white !important;
}
.sivukartta_container a {
	color: black !important;
}

.ohinternet-ylatunniste .logo_img_kko2.normal_version {
	height: 52px !important;
}

.desktop-search-area.active .pikahaku__button i,
.desktop-search-area.active .pikahaku__button i,
.desktop-search-area.active .pikahaku__button i,
.desktop-search-area:not(.active) .pikahaku__button:focus i,
.desktop-search-area:not(.active) .pikahaku__button:active i,
.desktop-search-area:not(.active) .pikahaku__button:hover i {
	color: #701940 !important;
}

.desktop-search-area:not(.active) .pikahaku__button i,
.desktop-search-area:not(.active) .pikahaku__button i,
.desktop-search-area:not(.active) .pikahaku__button i,
.desktop-search-area.active .pikahaku__button:focus i,
.desktop-search-area.active .pikahaku__button:active i,
.desktop-search-area.active .pikahaku__button:hover i {
	color: white !important;
}

.desktop-search-area:not(.active) .pikahaku__button,
.desktop-search-area:not(.active) .pikahaku__button,
.desktop-search-area:not(.active) .pikahaku__button,
.desktop-search-area.active .pikahaku__button:focus,
.desktop-search-area.active .pikahaku__button:active,
.desktop-search-area.active .pikahaku__button:hover {
	background-color: #701940 !important;
}

.desktop-search-area.active .pikahaku__button,
.desktop-search-area.active .pikahaku__button,
.desktop-search-area.active .pikahaku__button,
.desktop-search-area:not(.active) .pikahaku__button:focus,
.desktop-search-area:not(.active) .pikahaku__button:active,
.desktop-search-area:not(.active) .pikahaku__button:hover {
	background-color: white !important;
}

.image_and_logo_text {
	margin-left: 8px;
}


.lang-select.active #lang-select_lang,
.lang-select.active #lang-select_lang i,
.lang-select.active #lang-select_lang:focus .lang-text,
.lang-select.active a {
	color: black !important;
}

.desktop-search-area.active .pikahaku__button i,
.taittopohja__container h2,
.nav-link__title {
	color: #701940 !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: #e2d1d9 !important;
}
.ohinternet-paanavigaatio-builder .nav-menu>li:focus-within {
	background-color: #e2d1d9 !important;
}

.ohinternet-kielivalinta .st0 {
    fill: white !important;
}

.ohinternet-kielivalinta .lang-select.active .st0 {
	fill: black !important;
}
.ohinternet-paanavigaatio-builder .navin-hover {
	background-color: #e2d1d9 !important;
}

.ohinternet-paanavigaatio-builder .nav-menu>li.has-drop.active p,
.ohinternet-paanavigaatio-builder .nav-menu>li:focus-within p,
.ohinternet-paanavigaatio-builder .nav-menu>li:hover p {
	color: black !important;
}

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

.ohinternet-paanavigaatio-builder stato-column.droplet-column.column.col-xs-4:first-child:before,
.ohinternet-paanavigaatio-builder stato-column.droplet-column.column.col-xs-4:nth-child(2):before{
	border-color: #f9e6ef !important;
}

.kko-nostolista {
	width: 100%
}

.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;
}

@media (max-width: 800px) {
	.image_and_logo_text {
		color: black !important;
	}
}

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

.container {
    min-height: auto;
}

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

.lang-select.active *:before {
    color: black !important;
}


.desktop-search-area.active .pikahaku__button:active *:before,
.desktop-search-area.active .pikahaku__button:focus *:before,
.desktop-search-area.active .pikahaku__button:hover *:before {
    color: white !important;
}

.desktop-search-area.active .pikahaku__button *:before,
.desktop-search-area .pikahaku__button:active *:before,
.desktop-search-area .pikahaku__button:focus *:before,
.desktop-search-area .pikahaku__button:hover *:before {
    color: black !important;
    color: var(--primary) !important;
}

.desktop-search-area .quick-search *:before {
	color: black !important;
    color: var(--primary) !important;
}

.lang-text svg .st0 {
	fill: white;
}

.lang-select.active .lang-text svg .st0 {
    fill: black;
}