.h100{height:100%}$headLine:#aaaab1!default;$dark:#333333!default;html,body{padding:0;margin:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;overflow:hidden}#landingSearch{.content{text-align:left;padding:10px 0;margin-bottom:10%;h1{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;color:$headLine;margin:0;font-weight:400;font-size:55px;margin-bottom:50px}span{color:#898992;font-weight:bold;font-style:italic}h1 img{padding-left:6px;padding-right:5px;margin-bottom:-7px}input{width:100%;height:2.4em}}#footerSecondary{background-color:$dark;width:calc(100% - 5px);position:absolute;color:#bdbdbd;bottom:0;padding-bottom:3px;padding-top:5px;padding-left:5px;font-size:14px;a{color:#8f8f8f;text-decoration:none;margin-left:10px}// @media screen and (max-width:1100px){// width:100%;// padding-left:0;//}.annot{padding-right:8px;color:#747474;float:right}}}.searchBar{margin-top:15px;height:40px}.centerMe{text-align:center}.searchBtn{height:2.4em;background-color:#00a4f0;text-align:center;cursor:pointer;color:white;transition-duration:150ms;transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);&:hover{background-color:#0890df}&:hover>img{transform:rotate(13deg) scale(1.2)}img{margin-top:6px;transition-duration:150ms;transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)}}#landingMain{#topBar{background-color:$dark;padding:10px 15px;.searchBarContainer{margin-left:-5%;@media screen and (max-width:1350px){margin-left:-2%}@media screen and (max-width:1100px){margin-left:0}}.searchBar{margin-top:3px;height:auto}.wrong{text-decoration:underline;text-decoration-color:red;text-decoration-style:solid}#suggestions{position:absolute;background-color:white;width:100%;box-shadow:rgba(0,0,0,0.6) 0 0 2px;// border:1.5px solid $dark;// margin-left:-1.5px;li{// border-top:1.5px solid $dark;list-style:none;padding:4px;padding-left:7px;cursor:pointer}li:hover{background-color:#f1f1f1}.active{background-color:#e0e0e0}}.searchBtn{height:28px;img{margin-top:4px}}h1{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;color:$headLine;margin:0;font-size:27px;font-weight:100;cursor:pointer;img{margin-bottom:-1px;@media screen and (max-width:1100px){margin-bottom:1px}}}#stats{text-align:right;color:#747474;padding-top:10px;font-size:13px;b{color:#2982ac}i{color:#00a4f0}}}input{width:100%;height:28px;border:0;padding-left:7px;padding-top:0;padding-bottom:0;box-sizing:border-box;font-size:18px}#contentBox{margin-top:15px}.resultEntry{margin:15px 0;@media screen and (max-height:1035px){margin:13px 0}@media screen and (max-height:1000px){margin:10px 0}@media screen and (max-height:950px){margin:8px 0}@media screen and (max-height:900px){margin:5px 0}@media screen and (max-height:840px){margin:10px 0}@media screen and (max-height:790px){margin:7px 0}@media screen and (max-height:720px){margin:5px 0}@media screen and (max-height:680px){margin:3px 0}@media screen and (max-height:620px){margin:1px 0}.imgPrev{background-position:center;background-size:cover}h1{margin:0;margin-bottom:0;font-size:16px;font-weight:400;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;@media screen and (max-height:680px){font-size:14px}a{color:#0068a5;text-decoration:unset}}.kwic{margin:0;font-size:13px;color:#333;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;@media screen and (max-height:840px){-webkit-line-clamp:1}}.directLink{font-size:12px;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;overflow:hidden;@media screen and (max-height:620px){margin-top:-2px}a{@media screen and (max-height:620px){font-size:11px}font-size:13px;color:#699b56;text-decoration:unset}}}#splitter{height:calc(100% - 56px);margin-left:20px;position:absolute}#preview{h3{font-size:17px;margin:20px 0;font-weight:normal}h1{font-size:25px;margin:20px 0}}#footer{background-color:$dark;width:calc(100% - 150px);position:absolute;color:#bdbdbd;bottom:0;padding-left:150px;@media screen and (max-width:1100px){width:100%;padding-left:0}div{display:inline-flex;padding:5px 10px;text-align:center;font-size:15px;cursor:pointer;transition-duration:50ms;transition-timing-function:ease-in;&.action{color:#e4e4e4}&.active{background-color:#00a4f0;color:#e0e0e0}&:hover{background-color:#0890df;color:#e0e0e0}}.annot{padding-top:7px;padding-right:8px;font-size:14px;color:#747474;float:right}}}@media screen and (max-width:1100px){.hideOnSlim{display:none!important}.expandOnSlim{flex-basis:80%;max-width:80%}.centerOnSlim{text-align:center;padding-top:5px}}@media screen and (min-width:1100px){.offsetOnLarge{margin-left:-5vw}}