html{scroll-behavior:auto}body{background-color:#3a3b3d}body.hidden{overflow:hidden;visibility:hidden}#hero{overflow:visible}.topic{min-height:auto}#controls{position:relative;background-color:#FFF}#filters{position:relative;max-width:1000px;margin:2rem 0}#filter-tablist{display:inline-block;width:100%;margin:.5rem 0;list-style:none}.filter-tab{float:left;padding:8px 16px;border-bottom:1px solid #3a3b3d;font-weight:500;font-size:1.125rem;text-align:center;cursor:pointer}.filter-tab[aria-selected="true"]{color:#FFF;background-color:#3a3b3d}.filter-group[aria-hidden="true"]{display:none}#filter-info{font-size:16px;position:absolute;top:16px;right:16px;width:2em;height:2em;background-color:#fa8943;border-radius:50%;opacity:1;cursor:pointer}#filter-info::after{content:"?";position:absolute;top:0;right:0;left:0;color:#FFF;font-weight:500;font-size:1.5em;text-align:center;line-height:1.3}#filter-info-container{position:absolute;top:-5px;right:32px;visibility:hidden}#filter-info:hover #filter-info-container{visibility:visible}#filter-info-container::after{content:'';position:absolute;top:14px;left:-10px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fa8943}#filter-info-balloon{position:absolute;top:0;right:10px;z-index:97;width:240px;padding:20px;background-color:#fa8943;border-radius:2px;transform-origin:top right;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;transform:scale(0.8);color:#FFF;font-family:"Source Sans Pro",Arial,sans-serif;font-weight:400;font-size:16px;line-height:150%}#filter-info:hover #filter-info-balloon{transform:scale(1)}.filter-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;list-style:none}.filter{display:flex;flex-direction:column;cursor:pointer}.filter-wrapper{flex:1 1 auto;position:relative;background-color:#FFF;box-shadow:0 0 16px rgba(0,0,0,0.2)}.filter-illustration{width:100%;height:110px;background-color:#99bee4;background-size:cover;background-position:bottom center;background-repeat:no-repeat}.filter-graphic{position:absolute;top:.5rem;left:.5rem;width:1.75rem;height:1.75rem;background-color:rgba(0,0,0,0.4);border-radius:50%;color:#FFF;font-family:"Montserrat",sans-serif;font-weight:700;font-size:1rem;text-align:center;line-height:1.75}.filter:hover .filter-graphic{background-color:rgba(0,0,0,0.6)}.filter[aria-pressed="true"] .filter-graphic,.filter[aria-pressed="true"] .filter-graphic{background-color:#f5782a}.filter[aria-pressed="true"] .filter-graphic::after{content:'';display:inline-block;position:absolute;top:.35rem;left:.625rem;width:.3em;height:.7em;border:solid #FFF;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.filter-label{padding:1rem}.filter-name{color:#444;font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.0625rem;overflow-wrap:break-word}.filter-description{color:#444;font-family:"Source Sans Pro",sans-serif;font-weight:400;font-size:.875rem}#filter-buttons{display:inline-block;width:100%;font-size:16px;text-align:right}#title{z-index:98}#search-box-control{position:relative;z-index:98;margin:2rem 0 1.5rem 0;max-width:700px}#search-box-control::after{content:'';position:absolute;top:1rem;bottom:1rem;right:.5rem;width:1.7rem;background-size:contain;background-repeat:no-repeat;background-image:url('/wind-erosion-toolbox/assets/icons/search_symbol_white.svg')}#search-box-control.active::after{display:none}#search-box{box-sizing:border-box;width:100%;padding:1rem;background-color:rgba(255,255,255,0.2);border:1px solid #FFF;border-radius:4px;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;color:#FFF;font-family:"Montserrat",sans-serif;font-weight:400;font-size:18px;line-height:100%}#search-box:focus{background-color:#FFF;color:#444}#search-box::placeholder{color:#FFF;opacity:1}#search-box::-webkit-placeholder{color:#FFF;opacity:1}#search-msg{display:inline-block;color:#fa8943;cursor:pointer}.hint-menu{position:absolute;top:100%;right:0;left:0;z-index:98;margin-top:.5rem;max-height:400px;background-color:#FFF;box-shadow:0 4px 8px rgba(0,0,0,0.3);overflow-y:auto}.hint-list{list-style:none;padding:.5rem 0}.hint-option{padding:.5rem 1rem;font-size:1rem;cursor:pointer}.hint-option:hover{background-color:#f3f3f3}.search-highlight{position:relative;display:inline-block;background-color:#acfaf0}.search-highlight::before,.search-highlight::after{content:'';position:absolute;top:0;bottom:0;width:1px;z-index:-1;background-color:#acfaf0}.search-highlight::before{right:100%}.search-highlight::after{left:100%}.circle-loader{display:none;position:absolute;top:50%;right:16px;width:20px;height:20px;border-radius:50%;margin-top:-11px;border-top:2px solid rgba(0,0,0,0.2);border-right:2px solid rgba(0,0,0,0.2);border-bottom:2px solid rgba(0,0,0,0.2);border-left:2px solid #000;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}#search-box-control.active .circle-loader{display:block;-webkit-animation:loader 1s infinite linear;animation:loader 1s infinite linear}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#result-msg{margin:2rem 0 .5rem 0;color:#AAA}#grid-view-button{display:inline-block;width:3rem;height:3rem;background-image:url("/wind-erosion-toolbox/assets/icons/grid_view_symbol_white.svg");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.5;cursor:pointer}#grid-view-button.active{opacity:1}#list-view-button{display:inline-block;width:3rem;height:3rem;background-image:url("/wind-erosion-toolbox/assets/icons/table_rows_symbol_white.svg");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.5;cursor:pointer}#list-view-button.active{opacity:1}#tool-list{display:inline-block;width:100%;min-height:300px;margin:1rem 0 0 0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(50%,1fr));grid-gap:0}#tools.list-view #tool-list{display:block;width:auto;max-width:700px;margin:0 auto}.tool-msg{padding:30px;color:#EEE;font-family:"Source Sans Pro",Arial,sans-serif;font-weight:700;font-size:26px;text-align:center}.tool{display:flex;flex-direction:column}#tools.list-view .tool{float:none;width:auto}.tool-content{position:relative;flex:1 1 auto;margin:6px;padding:1rem 2rem 3.5rem 2rem;background-color:#46474a;font-size:16px;overflow:hidden}#tools.list-view .tool-content{height:auto;margin:0;padding:1.5rem 0;background-color:transparent}h2.tool-title{padding:0 0 1rem 0;color:#FFF;font-size:1.5rem;cursor:pointer;line-height:1.3}#tools.list-view h2.tool-title{padding:0;font-size:1.625rem}.tool-title:hover{text-decoration:underline}.tool-source{display:block;padding-top:5px;color:#AAA;font-family:"Source Sans Pro",Arial,sans-serif;font-weight:400;font-size:13px}.tool-description{display:block;padding:10px 0 0 0;color:#EEE}.tool-more-link{font-weight:700;text-decoration:underline;cursor:pointer}.tool-web-link{padding:8px 0;display:block;font-size:1rem}.tool-web-link:hover{text-decoration:underline}.tool-filter-icons{position:absolute;bottom:0;right:0;left:0;padding:1rem 2rem}#tools.list-view .tool-filter-icons{position:relative;display:inline-block;padding:5px 0}.tool-filter-icon{float:left;position:relative;width:30px;height:30px;margin:2px;border-radius:50%}.tool-filter-icon.topic{background-color:#5fcbfa}.tool-filter-icon.region{background-color:#55e0be}.tool-filter-icon.platform{background-color:#ff7c54}.tool-filter-icon.vegetation{background-color:#bd8777}.tool-filter-icon span{position:absolute;top:5px;bottom:5px;right:5px;left:5px;background-repeat:no-repeat;background-position:center;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain}#page-menu-section{display:inline-block;width:100%;margin:60px 0 20px 0;font-size:16px}#page-menu-section h5{padding:5px;color:#FFF;font-family:"Source Sans Pro",Arial,sans-serif;font-weight:400;text-transform:uppercase}#tools.list-view #page-menu-section h5{display:block;max-width:700px;margin:0 auto}#page-menu{display:inline-block;max-width:700px;list-style:none}#tools.list-view #page-menu{display:block;margin:0 auto}.page-menu-item{float:left;width:2.5em;height:1em;margin:3px;padding:.75em 0;background-color:#46474a;-moz-transition:background-color .2s;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s;border-radius:5px;color:#AAA;font-family:"Source Sans Pro",Arial,sans-serif;font-weight:400;font-size:.875em;text-align:center;line-height:100%;cursor:pointer}.page-menu-item:hover{background-color:#5fcbfa;color:#FFF}.page-menu-item.active{background-color:#5fcbfa;color:#FFF}#details-overlay{position:fixed;top:0;left:0;z-index:999;visibility:hidden;overflow-x:auto}#details-overlay.active{bottom:0;right:0;visibility:visible}#details-dialog{max-width:800px;margin:0 auto;background-color:#FFF;overflow:hidden;font-size:16px;opacity:0;-webkit-transition:transform .2s,opacity .5s;-moz-transition:transform .2s,opacity .5s;-ms-transition:transform .2s,opacity .5s;-o-transition:transform .2s,opacity .5s;transition:transform .2s,opacity .5s;transform:scale(0.96)}#details-overlay.active #details-dialog{opacity:1;transform:scale(1)}#details-header{position:relative;background-color:#fa8943;padding:32px 120px 32px 24px;text-align:left}#details-header h2{color:#FFF}#details-close-button{position:absolute;top:20px;right:20px;padding-right:1.4em;cursor:pointer}#details-close-button span{color:#FFF;font-family:"Source Sans Pro",Arial,sans-serif;font-weight:700;font-size:1em}.close-button{display:block;position:absolute;right:0;top:0;width:1.2em;height:1.2em}.close-button::before{content:"";position:absolute;display:block;top:0;bottom:0;right:0;left:0;width:1.2em;height:0;margin:auto;border-top:4px solid #FFF;transform:rotate(45deg);transform-origin:center}.close-button::after{content:"";position:absolute;display:block;top:0;bottom:0;right:0;left:0;width:1.2em;height:0;margin:auto;border-top:4px solid #FFF;transform:rotate(-45deg);transform-origin:center}#details-content{padding:0 24px 40px 24px}.details-group h3{padding:32px 0 16px 0}.details-group p{padding:0}#secondary-topics{border-top:1px solid #46474a}.footer-attribution{color:#FFF}#climate-hub-footer-logo{height:26px;background-color:#FFF;border-top:16px solid #FFF;border-bottom:16px solid #FFF;border-right:4px solid #FFF;border-left:4px solid #FFF}@media only screen and (max-width:900px){#tool-list{display:block}#details-overlay{padding:0}#details-dialog{width:100%;max-width:none;border:0;border-radius:0;margin:0}.tool{width:100%}.tool-content{height:auto;padding-bottom:70px}#tools.list-view .tool-content{padding:1.5rem 0}}@media only screen and (max-width:700px){.filter-tab{width:25%;padding:8px 0;font-size:.75rem}#tools.content-section{padding:.5rem .25rem}#tools.content-section.list-view{padding:.5rem 2rem}#result-msg,#list-view-buttons{text-align:center}.tool-content{padding:1rem 1rem 70px 1rem}#tools.list-view .tool-content{padding:1.5rem 0}.tool-filter-icons{padding:1rem}#tools.list-view .tool-filter-icons{padding:5px 0}#tools.list-view h2.tool-title{font-size:1.5rem}#details-header{padding:32px 24px}}@media only screen and (max-width:480px){.filter-tab{min-height:32px}}