/* --------------- csspath /modulesbase/elements/ohinternet/paanavigaatio/builder/css/paanavigaatio.css --------------- */ .ohinternet-paanavigaatio-builder .paanavigaatio__container{margin:0} .ohinternet-paanavigaatio-builder .paanavigaatio__container-column{position:static;margin:0 auto;max-width:1500px} .ohinternet-paanavigaatio-builder .nav-link{width:100%;height:100%;padding:8px} .ohinternet-paanavigaatio-builder .nav-link__title{font-size:1rem;font-weight:bold;position:relative;text-align:left;text-decoration:none;min-height:38px;min-height:30px;margin:0} .ohinternet-paanavigaatio-builder .mobileheader-nav-title-container i{font-size:1.2rem} .ohinternet-paanavigaatio-builder i{color:var(--oh_ylatunniste_ikoni);position:absolute;left:0;top:6px;width:16px;text-align:left;padding-top:8px;font-size:0.9rem} .ohinternet-paanavigaatio-builder .nav-link__title>i{float:right} .ohinternet-paanavigaatio-builder .nav-link__info{font-size:0.9rem;color:rgb(76,76,76);font-weight:400;line-height:1.3;display:block} .ohinternet-paanavigaatio-builder .nav-link__dropdown-title{font-size:1.1rem;font-weight:bold;margin-bottom:12px;position:relative;text-decoration:none;padding-left:8px;text-align:left} .ohinternet-paanavigaatio-builder .paanavigaatio-mobile__container{display:none;position:fixed;top:0;width:100%;background:rgb(255,255,255);-webkit-box-shadow:0px 6px 15px 0px rgba(0,0,0,0.07);box-shadow:0px 6px 15px 0px rgba(0,0,0,0.07);z-index:50} .ohinternet-paanavigaatio-builder .mobileheader-nav__content li, .ohinternet-paanavigaatio-builder .header__sivukartta-link{font-size:1.4rem;font-weight:600} .ohinternet-paanavigaatio-builder .sticky-main-nav{transition:all 0.1s ease-in-out;position:static;background-color:rgb(255,255,255);padding:0 24px;min-height:1vh;width:calc(100% - 24px);margin:auto} .ohinternet-paanavigaatio-builder .nav-main{z-index:50} .ohinternet-paanavigaatio-builder .nav-menu{flex-direction:row;justify-content:center;list-style:none !important;padding:0;margin:0 auto;text-align:center;width:100%} .ohinternet-paanavigaatio-builder .nav-menu:not(.no-hovers)>li.has-drop.active, .ohinternet-paanavigaatio-builder .nav-menu:not(.no-hovers)>li:hover{padding-top:7px} .ohinternet-paanavigaatio-builder .nav-menu>li.paanavigaatio-aktiivinen{border-top:3px solid var(--oh_ylatunniste_ikoni);padding-top:7px} .ohinternet-paanavigaatio-builder .paanavilistaus-li .paanavidrag{display:none;color:black;position:absolute;top:0;right:0;left:auto;text-align:right;width:100%;height:100%;cursor:move;padding-right:8px} .ohinternet-paanavigaatio-builder .nav-menu>li:focus-within{background-color:var(--oh_ylatunniste_taustavari1);color:rgb(34,34,34)} .ohinternet-paanavigaatio-builder .nav-list__open-dropdown{position:absolute;right:0;top:-9999px;background:transparent;border:0;height:16px;width:16px} .ohinternet-paanavigaatio-builder .nav-list__open-dropdown>i{text-align:center;padding:0} .ohinternet-paanavigaatio-builder .nav-menu li.has-drop a:focus + .nav-list__open-dropdown, .ohinternet-paanavigaatio-builder .nav-list__open-dropdown:focus{top:11px} .ohinternet-paanavigaatio-builder .nav-menu li.has-drop.active .nav-list__open-dropdown{top:8px} .ohinternet-paanavigaatio-builder .nav-menu .droplet{display:none;font-size:1.2rem;right:19px;top:100%;outline:3px solid var(--oh_ylatunniste_taustavari1);position:absolute;background-color:var(--oh_ylatunniste_taustavari1);z-index:10;width:680px;padding:24px;-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;-moz-box-shadow:2px 8px 10px 0 rgba(51,51,51,0.5);-webkit-box-shadow:2px 8px 10px 0 rgba(51,51,51,0.5);box-shadow:2px 8px 10px 0 rgba(51,51,51,0.5);overflow:hidden;max-width:60vw} .ohinternet-paanavigaatio-builder .nav-menu .droplet.left-side{left:19px;right:auto} .ohinternet-paanavigaatio-builder .nav-menu .droplet.middle{right:-200px} .ohinternet-paanavigaatio-builder .droplet-column{padding-bottom:16px} .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-right:1px solid rgb(247,232,216);height:100vh;width:10px;content:"";position:absolute;right:0} .ohinternet-paanavigaatio-builder stato-row.droplet.row::after{content:"";background-color:var(--oh_ylatunniste_taustavari1);position:absolute;width:100%;height:24px;left:0;bottom:0} .ohinternet-paanavigaatio-builder .droplet-column:nth-child(3n+1){border-left:0} .ohinternet-paanavigaatio-builder .nav-menu .droplet .droplet-column ul{padding:0 0 8px;margin:0 auto;list-style:inherit !important;text-align:left} .ohinternet-paanavigaatio-builder .nav-menu .droplet .droplet-column a{display:block;color:rgb(17,17,17);margin:0;padding:8px 16px;text-decoration:none !important;font-size:1rem;cursor:pointer;word-break:break-word;padding-right:0} .ohinternet-paanavigaatio-builder .nav-menu .droplet .droplet-column ul li a>i{color:rgb(204,204,204)} .ohinternet-paanavigaatio-builder .nav-menu .droplet .droplet-column ul li{position:relative} .ohinternet-paanavigaatio-builder .nav-menu .droplet .droplet-column li + li{margin-top:4px} .ohinternet-paanavigaatio-builder .nav-menu .droplet .droplet-column a:focus, .ohinternet-paanavigaatio-builder .nav-menu .droplet .droplet-column a:hover{text-decoration:underline !important} .ohinternet-paanavigaatio-builder .paanavigaatio_dummy_area{height:0;position:relative;opacity:0} .ohinternet-paanavigaatio-builder .paanavigaatio_dummy_area.active{position:relative;opacity:0;height:100%} .ohinternet-paanavigaatio-builder .dummy-button{visibility:hidden !important;opacity:0 !important;user-select:none !important} .ohinternet-paanavigaatio-builder .nav-menu>li{list-style-type:none;display:inline-block;margin:0;height:100%;width:190px;padding:10px;position:relative} .ohinternet-paanavigaatio-builder .nav-menu>li.has-drop{padding-right:16px} .ohinternet-paanavigaatio-builder .nav-menu>li>a{text-align:left;text-decoration:none} .ohinternet-paanavigaatio-builder .nav-menu>li>a:focus{outline:none} .ohinternet-paanavigaatio-builder .nav-menu>li>a:focus::before{outline:5px auto rgb(59,153,252);content:" ";position:absolute;top:4px;left:4px;width:calc(100% - 4px);height:calc(100% - 4px)} .ohinternet-paanavigaatio-builder .nav-menu:not(.no-hovers)>li:hover>.droplet, .ohinternet-paanavigaatio-builder .nav-menu:not(.no-hovers) li.active>.droplet{} .ohinternet-paanavigaatio-builder .mobileheader-nav.open{position:sticky;top:0;background-color:white;z-index:1} .ohinternet-paanavigaatio-builder .mobileheader-nav__ul-list{overflow:scroll;margin-bottom:0} .ohinternet-paanavigaatio-builder .mobileheader-nav-settings{width:80%;margin:0 auto 20px} .ohinternet-paanavigaatio-builder .mobileheader-nav__content p{margin-bottom:0} .ohinternet-paanavigaatio-builder .mobileheader-nav__content i{font-size:1.4rem} .ohinternet-paanavigaatio-builder .mobilenav-title-item>button{min-width:40px;width:10%;min-height:60px;background-color:transparent !important;border:0;margin-right:2px} .ohinternet-paanavigaatio-builder .mobilenav-title-item>button:hover, .ohinternet-paanavigaatio-builder .mobilenav-title-item>button:focus, .ohinternet-paanavigaatio-builder .mobilenav-title-item>button:active{box-shadow:inset 0 0 0 0.2rem rgba(0,0,0,0.15) !important} .ohinternet-paanavigaatio-builder .mobilenav-level-1.open>.mobilenav-title-item{background-color:rgb(255,211,160)} .ohinternet-paanavigaatio-builder .mobilenav-level-2.open>.mobilenav-title-item{background-color:rgb(254,236,215)} .ohinternet-paanavigaatio-builder .mobilenav-level-3.open>.mobilenav-title-item{background-color:rgb(254,248,241)} .ohinternet-paanavigaatio-builder .mobileheader-nav__ul-list ul{border-top:1px solid rgb(221,221,221)} .ohinternet-paanavigaatio-builder .mobilenav-level-2-list{background-color:rgb(255,227,195)} .ohinternet-paanavigaatio-builder .mobilenav-level-3-list{background-color:rgb(255,252,248)} .ohinternet-paanavigaatio-builder .mobilenav-level-4-list{background-color:rgb(255,254,252)} .ohinternet-paanavigaatio-builder .mobilenav-level-1-list a{margin-left:16px} .ohinternet-paanavigaatio-builder .mobilenav-level-2-list a{margin-left:32px} .ohinternet-paanavigaatio-builder .mobilenav-level-3-list a{margin-left:48px} .ohinternet-paanavigaatio-builder .mobilenav-level-4-list a{margin-left:64px} .ohinternet-paanavigaatio-builder .mobileheader-nav>button>i{font-size:2rem;padding-top:0;top:-10px !important} .ohinternet-paanavigaatio-builder .mobileheader-nav>.mobileheader-nav-title-container>button{margin-right:24px;font-size:2rem;padding-top:0} .ohinternet-paanavigaatio-builder .image_and_logo_text{display:inline-block;margin-left:8px;overflow:hidden;font-size:1.7rem} .ohinternet-paanavigaatio-builder .paanavigaatio-mobile__container.fullscreen{top:0;overflow:auto;height:100vh;z-index:999} .ohinternet-paanavigaatio-builder .mobileheader-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:8px;margin-top:0} @media screen and (-ms-high-contrast:active),all and (-ms-high-contrast:none) {.ohinternet-paanavigaatio-builder .nav-menu>li>a:focus{color:blue;text-decoration:underline} }.ohinternet-paanavigaatio-builder .nav-menu .droplet .droplet-column a.paanavigaatio-aktiivinen{font-weight:bold !important;text-decoration:underline !important} .ohinternet-paanavigaatio-builder a.mobiilinavi-aktiivinen{font-weight:bold !important;text-decoration:underline} .ohinternet-paanavigaatio-builder .mobileheader-title a.mobiilinavi-aktiivinen{text-decoration:none} .ohinternet-paanavigaatio-builder .dropletsektori{display:none} .ohinternet-paanavigaatio-builder li.paanavilistaus-li.sektori{color:rgb(170,170,170)} .ohinternet-paanavigaatio-builder .nav-menu:not(.no-hovers)>li.sektori:hover{background-color:unset !important;border-top:none;padding-top:10px} .ohinternet-paanavigaatio-builder .nav-menu>li:hover{background-color:unset} /* --------------- / csspath /modulesbase/elements/ohinternet/paanavigaatio/builder/css/paanavigaatio.css --------------- */