.Events-page{text-align:center;background-color:#fff}.events-introduction{background-image:url("https://pub-b659d9958160414ca1535341505c5f7c.r2.dev/671123a3-b7ec-46c8-9627-739cf9384730%20-%20Edited%20(1).jpg");background-position:center;background-size:cover;display:flex;padding:0;margin:0;width:100%;height:80vh}.Events{padding:15px;background-color:#fff}.events-grid{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:#173b45;gap:25px;padding:25px;justify-self:center}.event-card{border-radius:5px;padding:10px;height:33rem;width:20rem;display:flex;flex-direction:column;gap:5px;background-color:#b43f3f}.event-photo{display:flex;border-radius:6px}.event-photo img{width:100%;border-radius:12px}.event-title h1,.event-when h2,.event-where h2{white-space:nowrap}@media (max-width: 1074px){.events-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.events-grid{grid-template-columns:1fr}}.colors{color:#fff;color:#ff8225;color:#b43f3f;color:#173b45}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}a{text-decoration:none}.button-container{display:flex;gap:1rem;align-items:center;justify-content:flex-end;max-width:100%;margin-left:10%}.button-navbar{display:flex;background-color:transparent;color:#1d1d1d;border:solid 2px rgb(29,29,29);font-weight:700;box-shadow:1.5px 1.5px #b43f3f;padding:1rem;border-radius:6px;cursor:pointer;transition:all .2s ease,transform .2s ease}.top-bar{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:.4rem 2rem}.top-bar-logo{display:flex;gap:clamp(1rem,4vw,1.5rem);flex-direction:row;justify-content:center;align-items:center}.top-bar-logo h1{font-size:clamp(1rem,4vw,2rem);font-weight:1000;text-transform:uppercase;max-width:50vw;color:#1d1d1d}.top-bar-logo h2{font-size:clamp(.6rem,2vw,1rem);color:#1d1d1d}.music-club-text{display:flex;flex-direction:column}.button-navbar:hover{transform:translateY(-5px);background-color:#fff;box-shadow:3px 3px #b43f3f;transition:all .2s ease,transform .2s ease}.musicClubLogo{height:auto;width:50px;margin-right:auto;transition:all .2s}.musicClubLogo:hover{transform:scale(1.05);transition:all .2s}.hero{background-image:url(https://pub-b659d9958160414ca1535341505c5f7c.r2.dev/BotB-2-19%20-%20Edited.jpg);background-position:20% center;background-size:cover;display:flex;align-items:end;padding:10px;width:100%;max-width:100%;height:80vh;box-sizing:border-box}.transparent-box{background-color:#0009;display:flex;height:30%;padding:10px;align-items:center;justify-content:center;width:50%;max-width:90%;border-radius:12px}.main-content{width:100%;max-width:100%;margin:0;overflow-wrap:break-word}.we-are-carleton-music-club{color:#fff;font-size:clamp(20px,6vw,50px);font-size:clamp(20px,3vh,50px);font-weight:600;word-wrap:break-word;margin-left:5%;opacity:0;transform:translate(-20px);transition:all 1s ease-out}.we-are-carleton-music-club.animate{opacity:1;transform:translate(0)}.fostering-a-community{color:#fff;font-size:clamp(10px,6vw,25px);font-size:clamp(10px,2vh,25px);font-weight:500;word-wrap:break-word;margin-top:10px;margin-left:5%;opacity:1;transform:translate(-20px);transition:all 1s ease-out}.fostering-a-community.animate{opacity:1;transform:translate(0)}.button{background-color:transparent;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.button:hover{transform:translateY(-5px);background-color:#fff}.main-page{display:flex;position:relative;flex-direction:column;background-color:#fff;height:auto;width:100%;max-width:100vw;text-align:left}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}.footer{background-color:#1d1d1d;color:#fff!important;text-align:center;line-height:normal;padding:20px;border-top:3px solid #B43F3F}.footer strong{font-size:1.5rem}.footer a,.footer a:link,.footer a:hover,.footer a:visited,.footer a:active{text-decoration:none;color:#fff}.address{line-height:normal;padding:5px 0}.copyright{padding-top:5px}.footer-socials{display:flex;align-content:center;justify-content:center;gap:16px;padding:10px}.footer-socials img{display:inline-block;width:auto;height:40px}@media (max-width: 768px){.top-bar{flex-direction:column;align-items:center;padding:.5rem 2rem 0rem}.top-bar-logo{gap:5px}.button-container{justify-content:center;margin-top:.5rem;margin-bottom:.5rem;margin-left:0rem}.button{font-size:1rem}.musicClubLogo{margin-right:0;height:50px}.top-bar-logo h2{font-size:clamp(.9rem,2vw,1.6rem)}.music-club-text{align-items:center}}@media (max-width: 405px){.button-container{gap:.2rem;padding:0}.button-navbar{padding:clamp(.1rem,.8rem,.8rem)}.transparent-box{width:80%}}.board-page{height:100vh;background-image:url(https://pub-b659d9958160414ca1535341505c5f7c.r2.dev/BotB-2-19%20-%20Edited.jpg);background-size:cover;display:flex;align-items:center;justify-content:center}.board-content{height:90%;width:95%;max-width:1600px;background-color:#1d1d1d;border:3px solid #B43F3F;border-radius:12px;display:flex;flex-direction:column;gap:30px;justify-content:flex-start;align-items:center;padding:3rem;box-sizing:border-box;overflow:hidden}.board-content h1{color:#fff;margin:0;font-size:3.5rem}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%;height:100%;max-height:calc(100% - 6rem);justify-items:center;align-items:center}.exec{width:100%;max-width:24rem;height:28rem;background-color:#b43f3f;border-radius:12px;box-shadow:12px 12px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;text-align:center;gap:1rem;transition:.2s ease-in-out;overflow:hidden}.exec:hover{box-shadow:16px 16px #000;transform:translateY(-10px);transition:.2s ease-in-out}.exec:hover .exec-photo{transform:scale(1.05);transition:.2s ease-in-out}.exec:hover .exec-name,.exec:hover .exec-role{font-weight:800;transition:.2s ease-in-out}.exec-text{display:flex;flex-direction:column}.exec-photo{width:12rem;height:12rem;max-width:12rem;max-height:12rem;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:5px solid #7c2525;flex-shrink:0;overflow:hidden;box-shadow:0 4px 16px #b43f3f99;transition:.2s ease-in-out}.exec-name{text-transform:uppercase;font-size:1.8rem;font-weight:600;color:#1d1d1d;margin:0;line-height:1.2;transition:.2s ease-in-out;width:100%;max-width:18rem;word-wrap:break-word;overflow-wrap:break-word}.exec-role{text-transform:uppercase;font-size:1.4rem;font-weight:500;color:#173b45;margin:0;line-height:1.1;transition:.2s ease-in-out;width:100%;max-width:18rem;word-wrap:break-word;overflow-wrap:break-word}.exec-name h1,.exec-role h2{margin:0;font-size:inherit;font-weight:inherit;color:inherit}@media (max-width: 900px){.board-grid{grid-template-columns:repeat(2,1fr);gap:30px}.exec{max-width:20rem;height:24rem;padding:1.8rem;gap:1rem}.exec-photo{width:10rem;height:10rem;max-width:10rem;max-height:10rem;border:4px solid #B43F3F}.exec-name,.exec-role{max-width:16rem}.exec-name{font-size:1.6rem}.exec-title,.exec-role{font-size:1.2rem}.board-content{width:92%;height:88%;padding:2.5rem}.board-content h1{font-size:3rem}}@media (max-width: 600px){.board-grid{grid-template-columns:repeat(2,1fr);gap:20px}.exec{max-width:16rem;height:20rem;padding:1.5rem;gap:.8rem}.exec-photo{width:8rem;height:8rem;max-width:8rem;max-height:8rem;border:4px solid #B43F3F}.exec-name,.exec-role{max-width:12rem}.exec-name{font-size:1.4rem}.exec-title,.exec-role{font-size:1.1rem}.board-content{width:96%;height:90%;padding:2rem}.board-content h1{font-size:2.5rem}}@media (max-width: 400px){.board-grid{grid-template-columns:1fr 1fr;gap:15px}.exec{max-width:14rem;height:18rem;padding:1.2rem;gap:.6rem}.exec-photo{width:7rem;height:7rem;max-width:7rem;max-height:7rem;border:3px solid #B43F3F}.exec-name,.exec-role{max-width:10rem}.exec-name{font-size:1.2rem}.exec-title,.exec-role{font-size:1rem}.board-content h1{font-size:2rem}}.join-image{display:flex;align-items:end;background-image:url(https://pub-b659d9958160414ca1535341505c5f7c.r2.dev/IMG_0556.jpg);background-size:cover;background-position:center;width:auto;height:100vh;padding:24px}.join-page{background-image:url(https://pub-b659d9958160414ca1535341505c5f7c.r2.dev/joinpagebackground.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;width:100%;min-height:100vh}.join-text-box{background-color:#fff;text-align:center;padding:16px;font-size:1.6vw;width:min(1200px,90%);border-radius:12px;box-shadow:10px 10px 1px #b43f3f;border:5px solid black}.join-our-socials{text-align:center;font-size:3.5vw;padding:20px}.join-socials{display:flex;flex-direction:column;padding:20px}.join-socials-text-section{display:flex;flex-direction:column;line-height:24px}.join-socials-text-section h1{padding-bottom:12px;line-height:normal;font-size:3.5vw}.join-socials-text-section .intro-left{border:solid 4px black;border-radius:12px;box-shadow:5px 5px 1px #b43f3f;background-color:#fff;margin-bottom:10px;max-width:60%;font-size:1.5vw;line-height:normal;text-align:left;padding:46px;align-self:start;margin-left:10%}.join-socials-text-section .intro-right{border:solid 4px black;box-shadow:5px 5px 1px #b43f3f;background-color:#fff;border-radius:12px;max-width:60%;font-size:1.5vw;line-height:normal;text-align:right;padding:46px;align-self:end;margin-right:10%}.join-socials-social-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.join-socials-box{background-color:#fff;box-shadow:4px 4px 1px #000;border:solid 4px black;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:80%;max-width:50%}.join-socials-grid{display:flex;align-content:center;justify-content:center;gap:64px;padding:24px}.join-socials-grid img{display:inline-block;width:calc(128px + 10vw);max-width:80%;max-height:80%}.join-socials-grid .discord,.join-socials-grid .instagram{display:flex;justify-content:center;align-items:center;transform:scale(1);transition:all .2s ease-in-out}.join-socials-grid .discord:hover,.join-socials-grid .instagram:hover{transform:scale(1.1)}.wipe-in{opacity:0;clip-path:inset(0 100% 0 0)}.wipe-in.animate{animation:wipeIn 1.2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes wipeIn{0%{opacity:0;clip-path:inset(0 100% 0 0)}1%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0)}}@media (max-width: 1028px){.join-socials-grid{gap:32px}.join-socials-box{max-width:50%}.join-socials-text-section .intro-left,.join-socials-text-section .intro-right{padding:24px}}@media (max-width: 528px){.join-socials-grid{gap:24px}.join-socials-box{max-width:80%}.join-text-box{font-size:3vw}.join-our-socials{font-size:10vw}.join-socials-text-section .intro-left,.join-socials-text-section .intro-right{max-width:100%;font-size:4vw}.join-socials-text-section h1{padding-bottom:12px;line-height:normal;font-size:6vw}}
