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

	--oh_paavari1_100: #106461;
	--oh_paavari1_80: #408381;
	--oh_paavari1_60: #70a2a0;
	--oh_paavari1_40: #9fc1c0;
	--oh_paavari1_20: #cfe0df;
	--oh_paavari1_07: #eef4f4;

	--oh_paavari2_100: #b47e00;
	--oh_paavari2_80: #c39833;
	--oh_paavari2_60: #d2b266;
	--oh_paavari2_40: #e1cb99;
	--oh_paavari2_20: #f0e5cc;
	--oh_paavari2_07: #faf6ed;

	--oh_lisavari1_100: #70d6ff;
	--oh_lisavari1_80: #8ddeff;
	--oh_lisavari1_60: #a9e6ff;
	--oh_lisavari1_40: #c6efff;
	--oh_lisavari1_20: #e2f7ff;

	--oh_lisavari2_100: #ff70a6;
	--oh_lisavari2_80: #ff8db8;
	--oh_lisavari2_60: #ffa9ca;
	--oh_lisavari2_40: #ffc6db;
	--oh_lisavari2_20: #ffe2ed;

	--oh_lisavari3_100: #f2f3ae;
	--oh_lisavari3_80: #f5f5be;
	--oh_lisavari3_60: #f7f8ce;
	--oh_lisavari3_40: #fafadf;
	--oh_lisavari3_20: #fcfdef;


	--primary: #106461;

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

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

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

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

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

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

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

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

}

/* koska IE */

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

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


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

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

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

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

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

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

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

.mobileheader-title img.basic_version {
	height: 60px !important;
    width: auto !important;
}

#app-header .header__content-container {
	height: 125px !important;
}

.sektorinavi_true .header-nav {
	top: 165px !important;
}

.scroll-down #app-header {
    top: -165px !important;
}

.scroll-down.scroll-up #app-header {
    top: 0 !important;
}

.scroll-down .header-nav {
    top: 0 !important;
}

.scroll-down.scroll-up .header-nav {
    top: 165px !important;
}

#app-header .header__pagename.picture-header {
    margin: 0 16px 0 10px !important;
    height: 77px !important;
}

.header__pagename>img.normal_version {
	padding-bottom: 2px !important;
}

.ohinternet-ylatunniste .header__tools-container {
	margin-top: 0 !important;
}

#module-footer {
	max-width: 1700px !important;
    padding: 0 !important;
	width: auto !important;
}

.oh-internet-sisallonhallinta-sisaltoeditori-etusivu-taittopohja .taittopohja__container {
	background-color: transparent !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: #eef4f4 !important;
}
.ohinternet-paanavigaatio-builder .nav-menu>li:focus-within {
	background-color: #eef4f4 !important;
}

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

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

@media (min-width: 800px) {
	.sektorinavi_true .public-set #app-module {
		padding-top: 157px !important;
	}
}

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

.footer__content {
	padding-bottom: 72px !important;
}

.oh-internet-sisallonhallinta-sisaltoeditori-etusivu-taittopohja .taittopohja__container .card>.statoelement>.content-wrapper>.content-wrapper__inner>.content__block>*:not(.linkkilista-container) .content__image__wrapper.content__column,
.oh-internet-sisallonhallinta-sisaltoeditori-etusivu-taittopohja .taittopohja__container .card>.statoelement>.content-wrapper>.content-wrapper__inner>.content__block>.content__image__wrapper.content__column,
.oh-internet-sisallonhallinta-sisaltoeditori-sisaltosivu-taittopohja .taittopohja__container .card>.statoelement>.content-wrapper>.content-wrapper__inner>.content__block>*:not(.linkkilista-container) .content__image__wrapper.content__column,
.oh-internet-sisallonhallinta-sisaltoeditori-sisaltosivu-taittopohja .taittopohja__container .card>.statoelement>.content-wrapper>.content-wrapper__inner>.content__block>.content__image__wrapper.content__column  {
	margin: -36px !important;
	margin-bottom: 24px !important;
}

.oh-internet-sisallonhallinta-sisaltoeditori-etusivu-taittopohja .taittopohja__container .card>.statoelement>.content-wrapper:not(.crop--16-9)>.content-wrapper__inner>.content__block>*:not(.linkkilista-container) .content__image__wrapper,
.oh-internet-sisallonhallinta-sisaltoeditori-etusivu-taittopohja .taittopohja__container .card>.statoelement>.content-wrapper:not(.crop--16-9)>.content-wrapper__inner>.content__block>.content__image__wrapper,
.oh-internet-sisallonhallinta-sisaltoeditori-sisaltosivu-taittopohja .taittopohja__container .card>.statoelement>.content-wrapper:not(.crop--16-9)>.content-wrapper__inner>.content__block>*:not(.linkkilista-container) .content__image__wrapper,
.oh-internet-sisallonhallinta-sisaltoeditori-sisaltosivu-taittopohja .taittopohja__container .card>.statoelement>.content-wrapper:not(.crop--16-9)>.content-wrapper__inner>.content__block>.content__image__wrapper {
	margin-bottom: 24px !important;
}

.oh-internet-sisallonhallinta-sisaltoeditori-sisaltosivu-taittopohja .taittopohja__container h2>trix-display,
.oh-internet-sisallonhallinta-sisaltoeditori-sisaltosivu-taittopohja .taittopohja__container h2>trix-edit,
.oh-internet-sisallonhallinta-sisaltoeditori-sisaltosivu-taittopohja .taittopohja__container h2 {
	font-size: 1.5rem !important;
}

.taittopohja__container .taittopohjablokki>.content-wrapper,
.taittopohja__container .taittopohjalista>.content-wrapper,
.taittopohja__container section {
    padding: 36px !important;
}