/* --------------- csspath /modulesbase/elements/ohinternet/pikahaku/css/pikahaku.css --------------- */ .ohinternet-pikahaku .pikahaku__button{padding:8px 12px;border:1px solid rgb(119,119,119);border-radius:25px;cursor:pointer;background-color:transparent;color:var(--oh_ylatunniste_ikoni);font-size:0.9rem;width:37px} .ohinternet-pikahaku .quick-search-mobile i{font-size:1.2rem;left:2px} .ohinternet-pikahaku .pikahaku__button:focus, .ohinternet-pikahaku .pikahaku__button:active, .ohinternet-pikahaku .pikahaku__button:hover, .ohinternet-pikahaku .desktop-search-area.active .pikahaku__button{color:rgb(255,255,255) !important;background-color:var(--oh_ylatunniste_ikoni)} .ohinternet-pikahaku .desktop-search-area{position:relative;border-radius:10px 10px 0 0;padding:8px 16px;height:51px} .ohinternet-pikahaku .desktop-search-area.active{background-color:var(--oh_ylatunniste_taustavari1);-moz-box-shadow:2px 9px 10px 0 rgba(51,51,51,0.5);-webkit-box-shadow:2px 9px 10px 0 rgba(51,51,51,0.5);box-shadow:2px 9px 10px 0 rgba(51,51,51,0.5)} .ohinternet-pikahaku .quick-search-wrap{justify-content:center;height:50px} .ohinternet-pikahaku .quick-search{display:none;position:absolute;color:rgb(34,34,34);min-width:50px;right:0;top:100%;background-color:var(--oh_ylatunniste_taustavari1);width:300px;padding:8px 16px;border-radius:10px 0 10px 10px;-moz-box-shadow:2px 9px 10px 0 rgba(51,51,51,0.5);-webkit-box-shadow:2px 9px 10px 0 rgba(51,51,51,0.5);box-shadow:2px 9px 10px 0 rgba(51,51,51,0.5)} .ohinternet-pikahaku .desktop-search-area.active .quick-search{display:-webkit-box;display:-ms-flexbox;display:flex} .ohinternet-pikahaku .quick-search [role="search"]{border:1px solid var(--primary);border-radius:25px} .ohinternet-pikahaku .quick-search [role="search"] button{font-size:1.3rem;width:2em;border:none;padding:0;margin-left:2px;background:transparent;cursor:pointer;float:right;outline:none;border-radius:0 25px 25px 0;min-height:38px;background-color:white;color:var(--primary)} .ohinternet-pikahaku .quick-search [role="search"] button:hover, .ohinternet-pikahaku .quick-search [role="search"] button:focus, .ohinternet-pikahaku .quick-search [role="search"] button:active{-webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.75);box-shadow:0px 0px 3px 3px rgba(0,0,0,0.75)} .ohinternet-pikahaku #page_quick_search{border:none;font-family:"Open Sans",sans-serif;background-color:transparent;margin:0;padding:0.5em 0.75em;width:85%;transition:all 0.2s linear;min-height:38px;outline:none;border-radius:25px 0 0 25px;background-color:white} .ohinternet-pikahaku #page_quick_search:focus, .ohinternet-pikahaku #page_quick_search:active{-webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.75);box-shadow:0px 0px 3px 3px rgba(0,0,0,0.75)} .ohinternet-pikahaku .header__sivukartta-link{font-weight:700} .ohinternet-pikahaku .sivukartta_container{margin:24px 0 12px} .ohinternet-pikahaku .sivukartta_container>i{padding-top:3px;margin-right:4px} .ohinternet-pikahaku .vanha-search form{margin:0;padding:5px 0} .ohinternet-pikahaku .vanha-search [role="search"]{box-sizing:border-box;border:1px solid rgb(119,119,119);padding:0;display:inline-block;line-height:0;transition:all 0.2s ease-in;background-color:rgb(255,255,255);width:100%} .ohinternet-pikahaku .vanha-search [role="search"].notempty{background-color:rgb(255,255,255);border:1px solid rgb(119,119,119);border-radius:25px;display:flex} .ohinternet-pikahaku .vanha-search [role="search"]::after{content:"";display:block;clear:both} .ohinternet-pikahaku .vanha-search [role="search"] label{overflow:hidden;margin:0;padding:0;float:right;font-size:1.6rem;cursor:pointer;height:auto;text-indent:-10000px;width:0} .ohinternet-pikahaku .vanha-search [role="search"] label i{opacity:1;padding:12px;font-size:1rem;color:var(--oh_ylatunniste_ikoni)} .ohinternet-pikahaku .vanha-search [role="search"].notempty label i{opacity:0} .ohinternet-pikahaku .vanha-search [role="search"] input[type="text"]{border:none;font-family:"Open Sans",sans-serif;background-color:transparent;margin:0;padding:0.5em 0.75em;width:65%;width:calc(100% - 4em);transition:all 0.2s linear;height:38px} .ohinternet-pikahaku input::-webkit-input-placeholder{color:rgb(51,51,51)} .ohinternet-pikahaku input:-ms-input-placeholder{color:rgb(51,51,51)} .ohinternet-pikahaku input::-moz-placeholder{color:rgb(51,51,51);opacity:1} .ohinternet-pikahaku .vanha-search [role="search"] button{font-size:1.6rem;width:2em;border:none;padding:0;background:transparent;cursor:pointer;float:right;height:38px;border-radius:25px} .ohinternet-pikahaku .vanha-search [role="search"].notempty button{float:right;text-indent:0;width:auto;padding:10px;display:block} .ohinternet-pikahaku .vanha-search [role="search"] button i{display:block;margin:0 auto;fill:rgb(117,117,117);width:100%;height:auto} .ohinternet-pikahaku .quick-search-mobile{border:1px solid rgb(143,143,143);border-radius:5px;margin:16px 0;padding:8px;font-size:1.6rem;position:relative;background-color:rgb(251,251,251)} .ohinternet-pikahaku .quick-search-mobile input{width:90%;border:0;background-color:transparent;padding-left:16px;font-weight:600;font-size:1.4rem} .ohinternet-pikahaku .quick-search-mobile i{padding-top:0 !important} .ohinternet-pikahaku .quick-search-mobile button{width:18px;border:0;background-color:transparent;padding:0;position:absolute;right:13px} @media all and (min-width:24em) {.ohinternet-pikahaku .vanha-search [role="search"]{background-color:transparent;border:1px solid transparent;width:auto} .ohinternet-pikahaku .vanha-search [role="search"] label{text-indent:0;width:auto} .ohinternet-pikahaku .vanha-search [role="search"].notempty label{text-indent:-1000px;width:0} .ohinternet-pikahaku .vanha-search [role="search"] input[type="text"]{width:0.07em;padding:0;float:left;color:rgb(34,34,34)} .ohinternet-pikahaku .vanha-search [role="search"].notempty input[type="text"]{background:transparent;font-size:1.3rem;padding:10px;border-bottom:none;width:auto} .ohinternet-pikahaku .vanha-search [role="search"] button{display:none;width:0;text-indent:-1000px;color:var(--oh_ylatunniste_ikoni)} }.ohinternet-pikahaku .sivukartta-link{text-align:center;margin-bottom:10px;font-size:1.6rem} /* --------------- / csspath /modulesbase/elements/ohinternet/pikahaku/css/pikahaku.css --------------- */