/*!
 Theme Name:   ALA Biosecurity Hub
 Description:  Theme for ALA Biosecurity Hub
 Author:       Ares Yang
 Author URI:   https://transitgraphics.com.au/
 Version:      1.0
*/.hub-contact__container,.hub-sponsors__container,.hub-tools__tabs-container,.hub-query__container,.hub-invasive__container,.hub-header__container,.hub{margin-left:auto;margin-right:auto;max-width:1170px;padding:0 30px}.hub-contact,.hub-sponsors,.hub-tools__tabs,.hub-query,.hub-invasive,.hub-header{margin-left:calc(var(--vw, 1vw)*-100/2 + 50%);margin-right:calc(var(--vw, 1vw)*-100/2 + 50%);max-width:calc(var(--vw, 1vw)*100);width:calc(var(--vw, 1vw)*100)}*{box-sizing:border-box}body{margin:0}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem;margin-top:0}h1{font-size:2.625rem}h2{font-size:1.75rem}p{margin-top:0}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px);height:1px !important;overflow:hidden;padding:0 !important;position:absolute !important;white-space:nowrap;width:1px !important}.hub{font-family:Roboto,sans-serif;line-height:1.5}.hub-header{background:url("../images/invasive species/Myrtle Rust (Austropuccinia psidii) Photo Credit Pete Woodall CC BY NC.jpeg") center left/cover no-repeat;padding:150px 0 30px}.hub-header__title,.hub-header__text{color:#fff;margin-right:auto;max-width:425px}.hub-header__title{margin-bottom:40px}.hub-header__text{font-size:1.1rem}.hub-header__credit{color:#ddd;text-align:center;margin:10rem 5rem 0 auto;font-size:.9rem;padding:.5rem 1rem;max-width:30rem;background-color:rgba(50,50,50,.48)}.hub-intro{margin-top:0;padding:60px 0 0}.hub-intro__container{display:flex;flex-wrap:nowrap;justify-content:space-evenly;margin-bottom:30px}.hub-intro__container::before,.hub-intro__container::after{content:none}.hub-intro__map{flex:2 1 0;margin:0}.hub-intro__map-caption{display:inline-block;font-size:.8rem;font-weight:300;line-height:1.2}.hub-intro__map-caption-link{color:#c44d34}.hub-intro__map-caption-link:hover,.hub-intro__map-caption-link:focus{color:#883524}.hub-intro__content{flex:1.5 1 0;margin-right:4rem}.hub-intro__content-text{color:#565656}.hub-intro__content-text--highlight{color:#883524;font-size:1.2em}.hub-intro__footer{font-size:.8rem;font-weight:300;font-style:italic}.hub-intro__footer-heading{margin-bottom:0}.hub-intro__ibra{font-family:Lato,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:0;margin-top:0}.hub-intro__ibra-subhead{font-family:Lato,sans-serif;font-size:1rem;font-weight:700;line-height:1.2;margin-bottom:1rem;margin-top:0}.hub-invasive{background:url("../images/bg-pattern.png") center/cover no-repeat,#647073;padding:160px 0;padding-top:120px}.hub-invasive__heading{color:#fff;margin-bottom:40px}.hub-invasive .slick-slider{padding:0 20px}.hub-invasive .slick-track{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}.hub-invasive .slick-next{right:0}.hub-invasive .slick-prev{left:0}.hub-invasive__species{flex:1 1 0;margin:0 20px}.hub-invasive__species-fig{box-shadow:0 5px 20px 0 rgba(0,0,0,.2);margin:0;padding-top:80%;position:relative}.hub-invasive__species-fig:hover::after,.hub-invasive__species-fig:focus::after{opacity:.8}.hub-invasive__species-fig::before{background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);bottom:0;content:"";display:block;height:30%;left:0;position:absolute;width:100%;z-index:1}.hub-invasive__species-fig::after{background-color:#c44d34;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.hub-invasive__species-img{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.hub-invasive__species-figcaption{bottom:10px;color:#fff;display:block;font-size:.9em;line-height:1.2;position:absolute;text-align:center;width:100%;z-index:5}.hub-query{background-color:#212121;padding:30px 0}.hub-query__container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px}.hub-query__heading{color:#fff;flex:0 1 content;margin-bottom:0}.hub-query__form{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;flex:1 1 0;margin-bottom:0;max-width:450px}.hub-query__form-group{flex:1 1 0}.hub-query__form-control{border:unset;height:40px;padding:0 30px;width:100%}.hub-query__form-control:focus-visible{outline-color:#c44d34}.hub-query__form-control::placeholder{color:#647073}.hub-query__form-btn{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;background-color:#c44d34;border:unset;color:#fff;cursor:pointer;gap:5px;height:40px;padding-left:22px;padding-right:22px;transition:background-color .3s}.hub-query__form-btn:hover,.hub-query__form-btn:focus{background-color:#883524}.hub-tools__tabs{background-color:#c44d34;padding:60px 0;padding-bottom:0}.hub-tools__tabs-container{display:flex;gap:15px}.hub-tools__heading{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;color:#fff;flex:0 0 content;margin-bottom:0}.hub-tools__tab{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;background-color:#e9bcb1;cursor:pointer;flex:0 1 content;font-size:1rem;font-weight:400;margin-bottom:0;padding:10px 30px;text-align:center;transition:background-color .3s}.hub-tools__tab:hover,.hub-tools__tab:focus{background-color:#fff}.hub-tools__tab--active{background-color:#fff}.hub-tools__content{display:none;padding:60px 0}.hub-tools__content-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.hub-tools__content-container::before,.hub-tools__content-container::after{content:none}.hub-tools__content-fig{flex:0 1 content;margin:0;max-width:350px}.hub-tools__content-fig--map{max-width:450px}.hub-tools__content-figlink{color:#212121;text-decoration:none;transition:color .3s}.hub-tools__content-figlink:hover,.hub-tools__content-figlink:focus{color:#c44d34}.hub-tools__content-figcaption{font-size:.9em;font-weight:300;line-height:1.2;margin-top:10px;text-align:center}.hub-tools__content-text{flex:1 1 0;font-size:1em}.hub-tools__content-logos{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex:1 1 100%;gap:20px}.hub-tools__content-logos::before,.hub-tools__content-logos::after{content:none}.hub-tools__content-logo{flex:0 1 content;margin:0}.hub-tools__content-logo-img{height:auto;max-height:130px;max-width:180px;object-fit:contain;width:100%}.hub-tools__content-link{color:#c44d34;transition:color .3s}.hub-tools__content-link:hover,.hub-tools__content-link:focus{color:#883524}.hub-sponsors{background-color:#efefef;padding:60px 0}.hub-sponsors__logos{flex:1 1 0;margin-bottom:20px}.hub-sponsors__logos-row{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 0}.hub-sponsors__logos-row::before,.hub-sponsors__logos-row::after{content:none}.hub-sponsors__logos-row:not(:last-child){border-bottom:1px solid #212121}.hub-sponsors__logo{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;cursor:pointer;flex:1 1 content;margin:0;padding:0 10px}.hub-sponsors__logo--disabled{cursor:auto}.hub-sponsors__logo--separator{border-left:1px solid #212121}.hub-sponsors__logo-img{height:auto;max-height:50px;max-width:100px;object-fit:contain;width:100%}.hub-sponsors__content{margin:auto;max-width:880px;position:relative}.hub-sponsors__content-map{margin:0}.hub-sponsors__content-text{color:#fff;font-size:.9em;height:37%;justify-content:left;left:52%;padding:0 10%;position:absolute;text-align:left;top:45%;transform:translate(-50%, -50%);width:100%}.hub-sponsors__content-text::before{content:"";display:block;float:left;height:100%;shape-outside:polygon(0 0, 48% 0, 0 30%, 20% 100%, 0 100%)}.hub-sponsors__content-text-container{display:none}.hub-sponsors__content-text-container::before{content:"";display:block;float:right;height:100%;shape-outside:polygon(100% 0, 100% 100%, 90% 100%, 100% 30%, 58% 0);width:50%}.hub-sponsors__content-link{color:#fff;transition:color .3s;text-decoration:underline}.hub-sponsors__content-link:hover{color:#e9bcb1}.hub-contact{background-color:#647073;padding:30px 0}.hub-contact__text{color:#fff;font-size:1.2rem;margin-bottom:0;text-align:center}.hub-contact__link{color:#fff;transition:color .3s}.hub-contact__link:hover,.hub-contact__link:focus{color:#c44d34}/*# sourceMappingURL=styles.css.map */
