@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;1,300&display=swap");html{scroll-behavior:smooth}body{background-color:#f8f9fa;font-family:'Titillium Web', sans-serif;margin:0;font-size:18px;max-width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cg fill='%233da08c' fill-opacity='0.14'%3E%3Cpath fill-rule='evenodd' d='M0 24h4v2H0v-2zm0 4h6v2H0v-2zm0-8h2v2H0v-2zM0 0h4v2H0V0zm0 4h2v2H0V4zm16 20h-6v2h6v-2zm0 4H8v2h8v-2zm0-8h-4v2h4v-2zm0-20h-6v2h6V0zm0 4h-4v2h4V4zm-2 12h2v2h-2v-2zm0-8h2v2h-2V8zM2 8h10v2H2V8zm0 8h10v2H2v-2zm-2-4h14v2H0v-2zm4-8h6v2H4V4zm0 16h6v2H4v-2zM6 0h2v2H6V0zm0 24h2v2H6v-2z'/%3E%3C/g%3E%3C/svg%3E")}main{display:grid;place-content:center}.card{background-color:#f8f9fa}h1,h3{color:#3da08c}h2,h4,h5,h6,p{color:#444}a{color:#3da08c;font-weight:bold}a:hover{color:#3da08c}.nodecor{text-decoration:none}.nodecor:hover{text-decoration:none}.center-horizentally{display:flex;flex-direction:row;justify-content:center}.shadow{-webkit-box-shadow:5px 5px 4px 2px #ccc;-moz-box-shadow:5px 5px 4px 2px #ccc;box-shadow:5px 5px 4px 2px #ccc}::-moz-selection{background:#bce5dd;color:#f8f9fa}::selection{background:#3da08c;color:#f8f9fa}.scroll-margin-top{scroll-margin-top:100px}.page{display:grid;justify-content:center;width:90vw;grid-template-rows:max-content max-content;grid-template-areas:'title' '.'}.title-section{grid-area:title;display:grid;padding-bottom:10px}.title-section h1{justify-self:center;align-self:center;text-align:center;margin:0;margin:20px}.title-section p{text-align:center;justify-self:center;align-self:center;max-width:70ch}.navbar-logo{margin:-50%;z-index:1}.navbar-logo-sm{position:absolute;right:20px;top:-20px;z-index:1}.nav-item{transition:background 1.5s cubic-bezier(0, 0, 0, 1)}.nav-item:hover{transition:background 1s cubic-bezier(0, 1, 0.5, 1);background-color:#bce5dd}.nav-link{font-weight:normal}#nav-cover{background-color:#eee}.button{color:#ffffff !important;text-align:center;background:linear-gradient(90deg, #5bc3c8, #109864);padding:0.5rem !important;border-radius:0.25rem;display:inline-block;min-width:150px;width:100%;margin:10px 0px}.button:hover{text-decoration:none}.clickable{transition:transform 1.5s cubic-bezier(0, 0, 0, 1)}.clickable:hover{transition:transform 1s cubic-bezier(0, 1, 0.5, 1);transform:scale(1.05)}.clickable:active{transform:scale(1.07)}.index-body{background:none;background-color:#f8f9fa}.home-section{margin:10% 10%}.home-text{margin:auto}.home-text h2{color:#3da08c}.home-image-wrapper{margin:auto}.home-image{width:100%;max-width:400px;height:auto}.section-bg{background:linear-gradient(45deg, #f8f9fa, #bce5dd)}#events-section{background:none;margin:0;text-align:end}#sponsors-section{text-align:center}#sponsors-section .home-text{max-width:70ch}.carousel-wrapper{margin:auto;max-height:200px;max-width:70ch;margin-top:5%}.carousel-wrapper .slick{width:100%}.carousel-wrapper .slick .carousel-image-wrapper{height:100px;display:flex;align-items:center;justify-content:center;margin:20px 20px}.carousel-wrapper .slick .carousel-image-wrapper .carousel-image{max-height:100px;width:auto;min-width:100px;max-width:250px;transition:transform 1s cubic-bezier(0, 1, 0.5, 1)}.carousel-wrapper .slick .carousel-image-wrapper .carousel-image:hover{transform:scale(1.1);transition:transform 1.5s cubic-bezier(0, 0, 0, 1)}@media screen and (max-width: 700px){.carousel-wrapper{width:250px}.carousel-image-wrapper .carousel-image{height:auto;max-height:50px;width:auto;min-width:50px;max-width:150px}}.slick-dots{display:flex;justify-content:center;margin:0;list-style-type:none}.slick-dots li{margin:0 0.25rem}.slick-dots button::before{width:10px !important;height:10px !important;padding:0;border:none;border-radius:100%;background-color:#3da08c;text-indent:-9999px}#hero-section{display:flex;width:100%;height:80vh;margin:0;margin-bottom:5%}@media screen and (max-width: 700px){#hero-section{margin:10% 0}}.content{width:100%;display:flex;margin:0 10%;align-items:center;justify-content:center}.content img{width:100%;height:auto;max-width:550px;padding:0;margin:0 40px}.content .intro{margin:0 20px}.content .intro p{max-width:50ch}#particles-js{height:100vh;width:100%;position:absolute;top:0;left:0;z-index:-100}@media screen and (max-width: 1200px){.content img{max-width:400px}}@media screen and (max-width: 1000px){.home-section{flex-direction:column;text-align:center}.content{flex-direction:column;text-align:center}.home-image-wrapper{margin:15px 0}.home-text{margin:15px 0}.reverse-mobile .home-image-wrapper{order:1}.reverse-mobile .home-gap{order:2}.reverse-mobile .home-text{order:3}}.overlay{height:100%;width:0;position:fixed;z-index:1;left:0;top:0;background-color:rgba(0,0,0,0.9);overflow-x:hidden;transition:0.2s}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:0.3s color}.overlay a:hover,.overlay a:focus{color:#f1f1f1}.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}@media screen and (max-width: 400px){.overlay a{font-size:30px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}.nav-icon{font-size:30px;position:sticky;left:10px;top:10px}footer{align-self:end;width:100%;height:max-content;background-image:url("../images/hoppers-contact-background.png");background-size:contain;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;padding-bottom:0;margin-top:100px}footer h3{text-align:center;color:#444;font-size:14pt}footer h3 a{color:#444;padding:0 2px}footer h3 a:hover{text-decoration:none;background:linear-gradient(90deg, #5bc3c8, #109864);color:#f8f9fa}footer .outer-wrapper{background-color:rgba(248,249,250,0.6);border-radius:10px;display:flex;flex-direction:column;place-content:center;padding:10px}footer .outer-wrapper .contact-us-wrapper{display:flex;flex-direction:row;justify-content:center}footer .outer-wrapper img{width:50px;height:50px;margin:1vmax 0.5vmax;transition:transform 0.2s ease-out;background-color:#444;padding:10px;border-radius:50%}footer .outer-wrapper img:hover{transform:scale(1.05);transition:transform 0.2s ease-out}footer .attribution{background-color:rgba(248,249,250,0.6);border-radius:10px;bottom:0;margin-top:30px;margin-bottom:10px;padding:10px}footer .attribution p{margin:0}footer .attribution a{color:#444;padding:0 2px}footer .attribution a:hover{text-decoration:none;background:linear-gradient(90deg, #5bc3c8, #109864);color:#f8f9fa}footer .attribution .heart{width:1.5em}.team{display:grid;justify-content:center;width:90vw;grid-template-rows:max-content max-content;grid-template-areas:'title' '.'}.team .title{grid-area:title;display:grid;grid-template-columns:1fr 2fr;padding-bottom:10px}.team .title h1{justify-self:end;align-self:center;text-align:right;margin:0;margin-right:20px}.team .title p{justify-self:start;align-self:center;margin:0}.team .title a:hover{text-decoration:underline}.team .member-wrapper{width:90vw;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:300px;justify-items:center;align-items:center}.team .member-card{display:grid;height:200px;width:200px;place-content:center;overflow:hidden;background-size:cover;border-radius:20px}.team a{text-decoration:none}.team .overlay{background:rgba(68,68,68,0.5);height:200px;width:200px;position:relative;top:200px;display:flex;flex-direction:column;place-content:center;place-items:center}.team .overlay h4{font-weight:700}.team .overlay h4,.team .overlay h5,.team .overlay h6{color:#f8f9fa;text-align:center;align-self:center}.team .member-card:hover .overlay{top:0px;transition:top 0.4s}.team .member-card:hover{transition:box-shadow 0.4s;box-shadow:0px 0px 6px 2px #109864,0px 0px 0px 10px #5bc3c8}@media (max-width: 1000px){.team .member-wrapper{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.team p{font-size:0.7em}}@media (max-width: 600px){.team .member-card{width:150px;height:150px}.team h4,.team h5{width:150px;font-size:0.8em}.team h6{width:150px;font-size:0.6em}}.aboutUsVoices{margin-top:1rem;background:#f8f9fa;padding:3%;border-radius:20px;border:3px solid #bce5dd}.aboutUsVoices p{margin-bottom:0.7rem}.events-page{width:90vw;margin:auto}.events-page section{text-align:center}.events-page .upcoming-event-section .highlighted{background:#bce5dd;padding:20px;margin:20px auto 50px;align-items:center;border-radius:20px}.events-page .upcoming-event-section .highlighted .upcoming-event-logo img{width:260px;height:auto}.events-page .upcoming-event-section .highlighted .upcoming-event-desc{margin:2%;text-align:start}@media screen and (max-width: 992px){.events-page .upcoming-event-section .highlighted{padding-top:30px}.events-page .upcoming-event-section .highlighted .upcoming-event-logo img{width:200px;margin-bottom:10px}.events-page .upcoming-event-section .highlighted .upcoming-event-desc{text-align:center}}.events-page .event-types-wrapper{margin:20px auto 50px;justify-content:space-evenly}.events-page .event-types-wrapper .event-type-card{flex:1 100%;background:#f8f9fa;margin:10px;padding:15px;border-radius:20px;border:3px solid #bce5dd}.events-page .event-calendar p{max-width:80ch;margin:auto}.events-page .calendar-wrapper{margin:20px auto 50px}.events-page .calendar-wrapper #smgc-cal-lcOSRAOVrXSBQGcGEnQe-calendar-container{border-radius:20px;overflow:hidden !important}.events-page .calendar-wrapper .smgc-cal-lcOSRAOVrXSBQGcGEnQe-event-start-time{font-weight:400 !important}.events-page .calendar-wrapper #smgc-cal-lcOSRAOVrXSBQGcGEnQe a.add-calendar-button{border-color:#3da08c;color:#f8f9fa;border-radius:10px;margin:8px 10px;padding:6px 10px;background-color:#f8f9fa;max-width:80px}.events-page .calendar-wrapper #smgc-cal-lcOSRAOVrXSBQGcGEnQe a.add-calendar-button :hover{font-weight:bold}.events-page .calendar-wrapper #smgc-cal-lcOSRAOVrXSBQGcGEnQe a.add-calendar-button span.plus{display:none}.events-page .calendar-wrapper #smgc-cal-lcOSRAOVrXSBQGcGEnQe .smgc-watermark img{display:none}.events-page .pbes{margin:20px auto 50px}.events-page .pbes .pbe-card{background:#f8f9fa;margin:10px;padding:15px;border-radius:20px;border:3px solid #bce5dd}.events-page .pbes .pbe-card .pbe-logo{margin:20px}.events-page .pbes .pbe-card .pbe-logo img{width:200px;height:auto}.sponsors-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:2%;width:90vw}.sponsors-grid .sponsor{text-align:center;margin:20px}.sponsors-grid .sponsor-image-wrapper{margin:10px;height:100px;display:flex;align-items:center;justify-content:center;transition:transform 1s cubic-bezier(0, 1, 0.5, 1)}.sponsors-grid .sponsor-image-wrapper:hover{transform:scale(1.1);transition:transform 1.5s cubic-bezier(0, 0, 0, 1)}.sponsors-grid .sponsor-image{max-height:100px;width:auto;min-width:100px;max-width:250px}.tiers{width:90vw;margin:auto}.tiers #tiers-intro{text-align:center;margin:5% 0}.tiers #tiers-intro p{max-width:70ch;margin:2% auto}.tiers #tiers-intro p a{margin:0;font-weight:bold}.tiers table{margin:auto}.tiers td{color:#444;text-align:center;padding:8px}.tiers td:first-child{text-align:left;font-size:105%}.tiers img{height:25px;width:25px}@media (max-width: 700px){.tiers table{font-size:16px}}.tiers tbody tr:nth-child(odd){background-color:#f8f9fa}.tiers tbody tr:hover{background-color:#bce5dd}.tiers th{background-color:#3da08c;color:#f8f9fa;padding:5px;font-size:105%}.tiers .empty-cell{background:none;background-color:transparent}.tiers a{margin:10px}
