html{height:100%;scroll-behavior:smooth;overflow-x:hidden;background-color:#000}body{font-family:'Maven Pro',sans-serif;margin:0;padding:0;font-size:18px;color:#000;font-weight:500;height:100%}.stickyNavbar{position:fixed;top:0;width:100%;z-index:99}.navbar{user-select:none}.navbarCC{position:absolute;top:0;height:auto;width:100%;background-color:#fff;border-bottom:9px solid #fff;z-index:99}.navbarC{display:grid;grid-template-columns:6% 30% 8.5% 8.5% 8.5% 8.5% 8.5% 8.5% 13%;justify-content:space-evenly;align-content:center;height:auto;width:90%;margin-right:auto;margin-left:auto;padding:10px}.navItem{text-align:center;display:grid;grid-template-columns:auto;align-content:center;justify-content:center}.navItem:hover{color:#1a8aec;cursor:pointer}.navbarImg{height:80px;width:auto;margin-left:auto;margin-right:auto;transition:height 0s}#navbarMainT,#navbarMainTM{text-align:left;font-size:30px;font-weight:700}#navItem7:hover,#navbarMainT:hover,#navbarMainTM:hover{color:#000}#navItem2:hover,#navItem3:hover,#navItem4:hover,#navItem5:hover{cursor:context-menu}#portalBtn:hover{background-color:#1a8aec;color:#fff}.navbarDropdownC{position:absolute;list-style-type:none;margin:0;padding:0;text-align:center;width:auto;z-index:1}.navDropItem{background-color:#1a8aec;padding:7px 15px;max-width:200px}.navDropItem:hover{background-color:#44b7ef;cursor:pointer}.bodyContent{position:absolute;top:110px;margin:0;padding:0;height:auto;width:100%}.mainHeader{position:relative;width:100%;height:50%;margin:0;border:1px solid #000}.headerImage{height:100%;width:100%;margin:0}.mHTxt{position:absolute;top:15%;left:15%;width:60%;color:#fff;line-height:6vw;font-weight:700;font-size:4.5vw}.contentH{padding:40px 0;width:100%;height:auto;background-image:linear-gradient(135deg,#25cdfe,#5d85fe)}.contentBox{width:68%;border:5px solid #000;margin-right:auto;margin-left:auto;padding:24px 30px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.cBoxTitle{text-align:center;margin:0;padding:0;font-size:42px;font-weight:700;color:#1a8aec}.cBoxTxt{text-align:justify;margin-top:15px;padding:0;font-size:30px;line-height:40px;font-weight:400}.cBoxBtn{padding:14px;border-radius:40px;border:5px solid #1a8aec;color:#1a8aec;text-align:center;font-size:32px;font-weight:700;width:350px;margin-right:auto;margin-left:auto;cursor:pointer}.cBoxBtn:hover{background-color:#1a8aec;color:#fff;user-select:none}.contentB{padding:30px 0;background-color:#b3e7e9}.contentBanner{display:grid;grid-template-columns:70% 30%;margin-right:auto;margin-left:auto;width:70%;color:#000}.centerC{display:grid;grid-template-columns:auto;align-content:center}.contentTxt{font-size:38px;font-weight:700}.contentBtn{padding:14px;border-radius:40px;border:5px solid #000;color:#000;text-align:center;font-size:30px;font-weight:700;width:350px;cursor:pointer}.contentBtn:hover{background-color:#1a8aec;color:#fff;user-select:none}.contentBanner2{margin-right:auto;margin-left:auto;width:45%}.contentTxt2{text-align:center;color:#000;font-size:42px;font-weight:700;margin:10px 0}.roboTeamLogo{margin-left:auto;margin-right:auto;width:100%;height:auto}.blogGrid{display:grid;grid-template-columns:12% .2% 86%}.blogSidebar{display:grid;margin-top:-40px;align-content:center;text-align:center;align-content:center}.seperator{background-color:#000}.blogContent{border-left:2px solid #000;padding-left:3%}.footer{width:100%;height:35%;color:#000;background-color:#bbbcbc;padding:30px 0}.footerC{display:grid;grid-template-columns:25% 25% 28% 22%;margin-right:auto;margin-left:auto;width:70%}.footerH{font-size:32px;font-weight:700;margin:0 0 12px 0}.footerGroup ul{list-style-type:none;margin:0;padding:0}.footerGroup ul li{margin-top:10px;font-weight:500;font-size:20px}.pageLink{text-decoration:none;color:#000}.pageLink:hover{text-decoration:underline}.socialC{display:grid;grid-template-columns:33% 33% 33%;align-content:center;justify-content:end;width:100%;height:auto;margin:0}.socialLink{text-decoration:none;color:#000}.socialLink i{font-size:50px}#socialG{width:70%}.mHTxt2C{position:absolute;top:40%;left:0;width:100%}.mHTxt2{text-align:center;color:#fff;font-weight:700;font-size:6vw;background-color:rgba(0,0,0,0)}.contentBox2{width:68%;margin-right:auto;margin-left:auto}.contentB2{text-align:center;padding:30px 0;padding-bottom:46px;background-image:linear-gradient(135deg,#25cdfe,#5d85fe)}.contentTxt2{width:68%;font-size:38px;font-weight:700;margin-right:auto;margin-left:auto}.contentFlexC{background-color:#effbfc;width:100%;height:auto;padding:0 0 70px}.contentFlex{display:flex;flex-direction:row;flex-wrap:wrap;width:76%;height:auto;margin-right:auto;margin-left:auto;align-items:center;justify-content:center}.profile{height:485px;width:375px;border:1px solid #000;overflow:hidden;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-top:70px;margin-right:70px}.profile:last-child{margin-right:0}.profileImg{width:100%;height:375px;background-color:#c837ab}.profileCaption{border-top:2px solid #000;width:100%;height:110px;margin:0;padding:20px 0;color:#000;font-size:26px;font-weight:500;text-align:center;background-color:#fff}.profilePosition{margin-top:10px}.cBoxMarginB{margin-bottom:56px}.cBoxMarginB2{margin-bottom:16px}.contentBox ul{list-style-type:none}.contentBox ul li:before{content:"• ";font-size:20pt}.contentBox ul li{padding:0;margin-top:4px;margin-bottom:4px}.cBoxBtn2{background-color:#fff}.registrationBtn{border-color:#000;color:#000}.registrationBtn:hover{background-color:#1a8aec;color:#fff}.contentInfoTxt{color:#000;text-align:center;width:100%;font-size:84px;font-weight:700;padding:40px 0}.btnLink{text-decoration:none;color:#000}.contentBtn:hover{color:#fff}.btnLink:hover,.contentBtn:hover{text-decoration:none}.formIframe{width:100%;height:80vh}.socialBanner{width:100%;padding:26px;border-radius:50px;background-color:#1a8aec}.socialBanner:hover{background-color:#1179d4}.socialBannerS{display:grid;grid-template-columns:90% 10%;align-content:center;width:100%}.socialTxt{color:#fff;text-align:left;font-size:40px;font-weight:700;width:100%}.socialImgS{width:auto;height:130px}.endJustify{display:grid;grid-template-columns:auto;justify-content:end;width:100%}.blueText{color:#1a8aec}.show{display:block!important}.mobileNavbar{display:none}.mobileNavbarC{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto;align-content:center;height:auto;width:90%;margin-right:auto;margin-left:auto;padding:10px}#navbarMenuIcon{grid-column:9/10;font-size:40px}.mobileMenuCC{display:none;user-select:none;position:fixed;top:110px;right:0;z-index:99;width:100%;height:100%}.mobileMenuC{display:grid;grid-template-columns:40% 60%;width:100%;height:90%}.mobileMenu{background-color:rgba(68,183,239,.95);color:#000;border-top:2px solid #000;overflow-x:hidden;overflow-y:auto}.mobileMenuItem{height:auto;width:90%;background-color:#fff;padding:20px;border-left:60px solid #1a8aec;font-size:24px;color:#000;font-weight:700;text-align:left}.mobileMenuItem:hover{color:#1a8aec;cursor:pointer}.mobileMenuDropdown{list-style-type:none;margin:0;padding:0;width:100%;display:none;border-left:70px solid #44b7ef}.mobileMenuDropdown li{text-align:left;width:90%;margin:0;padding:14px;padding-left:30px;font-weight:700;font-size:22px;background-color:#fff}.mobileMenuDropdown li:hover{color:#1a8aec;cursor:pointer}#aboutTheKitsCT2{color:#fff;font-size:42px;background-color:#1a8aec;padding:40px 0;border-radius:50px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}#sponsorBtn2{margin-bottom:20px}#bSponsorBtn1,#calBtn1,#contactBtn1,#sponsorBtn2,#volunteerBtn1{margin-right:auto;margin-left:auto;margin-top:30px;width:600px}#pastEventsBtn1{margin-left:0;padding:10px;border:3px solid #1a8aec;font-size:28px;width:240px}@media (max-width:2773px){#profile4{margin-right:0}}@media (max-width:2277px){#profile2{margin-right:70px}#profile3{margin-right:0}#profile4{margin-right:70px}}@media (max-width:1689px){#profile3{margin-right:70px}#profile4{margin-right:0}#profile2{margin-right:0}.footerC{grid-template-columns:auto auto auto auto;width:70%}}@media (max-width:1597px){#profile2,#profile4{margin-right:0}#profile3{margin-right:70px}}@media (max-width:1586px){#indexB2Txt{padding-left:50px}}@media (max-width:1101px){.profile{margin-right:70px!important}}@media (max-width:1569px){.navbarC{grid-template-columns:6% 30% auto auto auto auto auto auto auto}#aboutUsBTxt2{font-size:34px}}@media (max-width:1360px){.navbarC{width:100%}#indexB2CB{grid-template-columns:30% 70%!important}#indexBtn3{width:350px!important;padding:14px!important;font-size:30px!important}#indexB2Txt{padding-left:100px;line-height:42px!important;font-size:34px!important}.footerC{width:80%}}@media (max-width:1294px){.navbarC{grid-template-columns:auto 24% auto auto auto auto auto auto auto}.contentTxt{font-size:34px}.contentBtn{padding:12px;font-size:28px;width:300px}.cBoxSTitle{font-size:32px!important}}@media (max-width:1200px){.navbarC{grid-template-columns:auto 20% auto auto auto auto auto auto auto}.socialTxt{font-size:30px}.socialImgS{width:auto;height:100px}.blogGrid{grid-template-columns:18% .2% 79%}}@media (max-width:1130px){.navbar{display:none}.mobileNavbar{display:block}.contentTxt{font-size:32px}.contentBtn{font-size:26px;width:250px}#indexBtn3{width:280px!important;padding:12px!important;font-size:26px!important}#indexB2Txt{padding-left:100px;line-height:40px!important;font-size:32px!important}.footerC{grid-template-columns:auto auto auto auto;width:92%}.cBoxTxt{text-align:left!important}}@media (max-width:1101px){.contentFlex{margin-left:16vw}}@media (max-width:1066px){.cBoxTitle{font-size:38px}.cBoxTxt{font-size:26px!important;line-height:35px}.contentBanner{grid-template-columns:auto auto}#aboutTheKitsCT2,.contentTxt2{font-size:32px}#aboutTheKitsCT2{padding:20px 0}#aboutUsBTxt2{font-size:30px}.cBoxSTitle{margin-bottom:10px!important;font-size:28px!important}.cBoxSTitle:last-child{margin-bottom:50px!important}#bSponsorBtn1,#calBtn1,#contactBtn1,#sponsorBtn2,#volunteerBtn1{width:450px}}@media (max-width:1000px){.footerC{grid-template-columns:auto auto;width:92%;text-align:center!important}.footerH,.socialC{margin-top:20px}.socialC{grid-template-columns:50% 50%}.blank{display:none}.footerLastTxt{text-align:center!important}#socialG{width:70%;margin-right:auto;margin-left:auto}}@media (max-width:916px){#sumcamp2021BTxt{font-size:28px}}@media (max-width:900px){#indexBtn3{width:250px!important;padding:10px!important;font-size:24px!important}#indexB2Txt{padding-left:100px;line-height:38px!important;font-size:30px!important}.contentBanner2{width:100%}.roboTeamLogo{width:60%;margin-left:20%}.cBoxSTitle{margin-bottom:8px!important;font-size:26px!important}.cBoxSTitle:last-child{margin-bottom:0!important}.socialTxt{font-size:24px}.socialImgS{width:auto;height:80px}.contentFlex{margin-left:17vw}.blogGrid{grid-template-columns:20% .2% 79%}}@media (max-width:837px){.cBoxTxt{font-size:22px!important;line-height:30px}.contentBanner{width:86%}#aboutTheKitsCT2{font-size:26px}#aboutTheKitsCT2{padding:20px 0}.formIframe{width:90vw;margin-left:-16%}.contentFlex{margin-left:18vw}}@media (max-width:700px){#navbarMainTM{padding-left:10px}.mobileMenuC{grid-template-columns:0 100%}.contentFlex{margin-left:19vw}}@media (max-width:683px){#indexBtn3{width:200px!important;padding:10px!important;font-size:22px!important}#indexB2Txt{padding-left:70px;line-height:34px!important;font-size:26px!important}.roboTeamLogo{width:66%;margin-left:17%}#aboutUsBTxt2{font-size:26px}#sumcamp2021BTxt{font-size:24px}#bSponsorBtn1,#calBtn1,#contactBtn1,#sponsorBtn2,#volunteerBtn1{font-size:24px;width:350px}.footerC{grid-template-columns:auto;width:50%;text-align:center!important}.blogGrid{grid-template-columns:24% .2% 75%}}@media (max-width:642px){.cBoxTitle{font-size:32px}.cBoxTxt{font-size:19px!important;line-height:26px}.cBoxBtn{padding:12px;font-size:30px;width:300px}.contentTxt{font-size:28px}.contentBtn{padding:10px;font-size:26px;width:200px}.cBoxSTitle{text-align:left}.cBoxBtn2{font-size:28px!important;width:450px!important}.contentInfoTxt{font-size:60px}.socialBanner{padding:20px}.socialTxt{font-size:20px}.socialImgS{width:auto;height:60px}.emailTxt{font-size:16px!important}}@media (max-width:608px){.profile{width:100%;height:auto}.profileImg{height:60vmin}.contentFlex{width:74vmin}.profileCaption{padding-bottom:0}}@media (max-width:576px){#indexBtn3{width:160px!important;padding:10px!important;font-size:22px!important}#indexB2Txt{padding-left:60px;line-height:30px!important;font-size:23px!important}#aboutUsBTxt2{font-size:24px}.cBoxBtn2{font-size:24px!important;width:350px!important}#bSponsorBtn1,#calBtn1,#contactBtn1,#sponsorBtn2,#volunteerBtn1{font-size:22px;width:300px}#pastEventsBtn1{padding:10px;font-size:24px;width:190px}}@media (max-width:543px){.cBoxTitle{font-size:29px}.contentBtn{padding:8px;font-size:24px;width:170px}#aboutTheKitsCT2{font-size:22px}#aboutTheKitsCT2{padding:20px 0}.socialBanner{padding:18px}.socialTxt{font-size:18px}.socialImgS{width:auto;height:50px}}@media (max-width:500px){.mobileMenuDropdown li{font-size:20px}.cBoxBtn{padding:8px;font-size:22px;width:200px}.contentBtn{padding:6px;font-size:20px;width:120px}#indexBtn3{padding:6px!important;font-size:20px!important;width:130px!important}.contentTxt{font-size:24px}#indexB2Txt{line-height:20px!important;font-size:18px!important}#bSponsorBtn1,#calBtn1,#contactBtn1,#sponsorBtn2,#volunteerBtn1{font-size:20px;width:200px}.socialBanner{padding:12px}.socialTxt{font-size:15px}.socialImgS{width:auto;height:40px}.socialBannerC{margin-top:20px!important}#contactUsSubH1{padding-bottom:20px!important}}@media (max-width:415px){#pastEventsBtn1{padding:7px;font-size:22px;width:160px}#navbarMainTM{font-size:24px}.cBoxTitle{font-size:24px}.cBoxTxt{font-size:16px!important;line-height:22px}.contentTxt2{font-size:28px}.contentTxt{line-height:20px!important;font-size:18px!important}#aboutUsBTxt2{font-size:20px}.profile{height:auto}#sumcamp2021BTxt{font-size:19px}#summerCamp2021Btn1{padding:10px!important;font-size:20px!important;width:200px!important}.contentInfoTxt{font-size:40px}.socialTxt{font-size:13.7px}.socialImgS{width:auto;height:40px}.socialBannerC{padding:10px!important}}@media (max-width:428px){.profileImg{height:68vmin}.contentFlex{width:82vmin}.profileCaption{padding-bottom:0}}@media (max-width:360px){#navbarMainTM{font-size:20px}#pastEventsBtn1{padding:4px;font-size:18px;width:140px}}img{-webkit-user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.imgGallery{display:flex;flex-direction:row;flex-wrap:wrap;width:90%;height:auto;justify-content:center;align-content:center;margin-right:5%;margin-left:5%}.paraImg{height:30vmin;width:auto;margin:10px}.paraImg:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.zoomImgC{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:99;top:0;left:0;display:none;text-align:center}.zoomImg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);grid-column:2/3;height:80vmin;width:auto}.close{position:fixed;top:5%;right:40px;color:#fff;z-index:99;font-size:30px;font-weight:700;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:4px}.close:hover{color:#b3b3b3}.lArrw{font-family:Staatliches,cursive;position:fixed;top:45%;left:20%;color:#fff;z-index:99;font-size:60px;font-weight:700;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:4px}.lArrw:hover{color:#b3b3b3}.rArrw{font-family:Staatliches,cursive;position:fixed;top:45%;right:20%;color:#fff;z-index:99;font-size:60px;font-weight:700;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;padding:4px}.rArrw:hover{color:#b3b3b3}
.homeDepotLogo {
width: 300px;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
}
.flyer2023 {
display: flex;
justify-content: center;
}
.flyer2023 img {
max-width: 40%;
height: auto;
}
.image-section {
max-width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
background-color: rgb(239, 251, 252);
}
.image-container {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
margin: 0 10px;
width: 200px;
height: 600px;
padding: 50px 0;
}
.image-container img {
border: 5px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; /* Add transition for hover effect */
}
.image-container img:hover {
transform: scale(1.1);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.image-container-nohover {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
margin: 0 10px;
width: 500px;
height: 500px;
padding: 50px 0;
}
.image-container-nohover img {
border: 5px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease; /* Add transition for hover effect */
}
.image-title {
font-family: Arial, sans-serif;
font-size: 46px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.image-container {
width: 100%;
height: auto;
padding: 20px 0;
}
.image-container img {
border: none;
box-shadow: none;
transform: none;
transition: none;
}
}
@media (min-width: 769px) {
.image-section {
display: flex;
flex-wrap: wrap;
}
.image-container {
width: calc(33.33% - 20px);
height: auto;
padding: 20px 0;
margin: 0 10px;
}
.image-container img {
width: 100%;
height: 100%;
}
}
.video-section {
padding-top: 20px;
display: flex;
justify-content: center;
font-size: 28px;
}
.video-container {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 800px;
}
.video-title {
color: #555;
}
.video-wrapper {
position: relative;
overflow: hidden;
width: 100%;
padding-bottom: 56.25%; /* 16:9 aspect ratio */
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}