/* 
Theme Name: Paranoia_the_Game
Author: Leo Kamhoot
Description: The official theme for paranoia the Game
Version: 1.009
*/

:root{--fontColour:#121313;--light:rgba(249,246,238);--light-cover:rgba(249,246,238,.371);--basePurple:#2b052e;--accent:#909;--accentHighlight:#f0f;--background:#e1bcff;--swiper-navigation-color:var(--light);--swiper-pagination-color:var(--accentHighlight)}*{--smallText:18px;--mediumText:20px;--tinyText:14px;--largeText:25px;--mobileSmallText:14px;--mobileTinyText:9px;--light:rgba(249,246,238);--basePurple:#2b052e;--accentHighlight:#f0f;--background:#e1bcff;--accent:#909;margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:10vh;background-color:var(--light)}body{padding:0;margin:0;text-decoration:none;font-family:'Arial',sans-serif}section{min-height:100vh;margin:0 auto;display:flex;flex-direction:column;align-items:center}.header{--header_textColour:var(--light);--header_HoverColour:var(--accentHighlight);--header_background:var(--basePurple);display:flex;justify-content:space-between;font-size:2em;z-index:0;padding-top:2vh;padding-bottom:1vh;background-color:var(--header_background);position:fixed;top:0;left:0;width:100vw;border-bottom:3px var(--light) solid}.header_second{z-index:5}.headerLinks{display:flex;justify-content:space-between;align-items:center;justify-content:right;column-gap:3vw;padding-right:6vw;z-index:2}.nav-item{position:relative;color:var(--header_textColour);text-decoration:none;font-weight:600;font-style:normal;}.nav-item:hover{color:var(--accentHighlight)}.nav-item::after{content:"";position:absolute;bottom:-.2rem;left:50%;width:0;height:.3rem;transform:translateX(-50%);background-color:var(--accentHighlight);transition:all 0.3s ease}.nav-item:hover::after{width:100%}#navCta{font-family:"hoss-round",sans-serif;font-weight:600;font-style:normal;;background-color:transparent;color:var(--accentHighlight);padding:10px 20px;border-style:solid;border-color:var(--accentHighlight);border-width:.2em;border-radius:.6em;font-size:1em;cursor:pointer;transition:all 0.1s ease}#navCta:hover{background-color:var(--accentHighlight);color:var(--basePurple)}#headerNav{display:flex;column-gap:2vw}.logo{display:flex;align-items:center;flex-direction:row;justify-content:space-between}#logo{height:60px;margin-left:6vw;fill:var(--header_textColour)}#logo:hover{fill:var(--header_HoverColour);cursor:pointer;transition:all 0.3s ease}.header_show{z-index:11}.header_show_burger{z-index:11}#nav-toggle{visibility:hidden;position:absolute;width:0;height:0}.icon-burger .line{width:30px;height:5px;background-color:var(--header_textColour);margin:5px;border-radius:3px;transition:all 0.2s ease}.icon-burger{height:0;width:0;visibility:hidden;opacity:0;position:absolute;right:7vw;top:4vh;width:40px;display:block}@media (max-width:860px){.header{font-size:1.7em}}@media (max-width:750px){.icon-burger{height:auto;width:auto;visibility:visible;opacity:1;padding:2em;margin:-2em}.icon-burger:hover{cursor:pointer}#navCta{padding:0;margin:0;border-style:none;border-radius:0;color:var(--header_textColour);align-self:flex-start;color:var(--accentHighlight);font-size:1.5em}#navCta:hover{background-color:var(--header_background);color:var(--accentHighlight)}.header{font-size:1.3em;flex-direction:column;background-color:var(--header_background);padding:0;padding-top:2vh;margin:0}.headerLinks::after{content:"";position:absolute;bottom:-.2rem;left:50%;width:100%;height:.2em;transform:translateX(-50%);background-color:var(--header_textColour);transition:all 0.7s ease;transition:transform 0.7s ease}.headerLinks{z-index:-1;height:0;display:none}#headerNav{flex-direction:column;padding-top:3vh;align-self:flex-start}.nav-item{padding-bottom:1vh;margin-bottom:2vh}.nav-item::after{width:100%;background-color:var(--header_textColour)}.nav-item:hover::after{background-color:var(--header_HoverColour)}.logo{padding:0;padding-top:2vh;padding-bottom:1vh;margin:0;flex-direction:row;margin-left:7vw;margin-right:7vw}#logo{margin:0}.header :checked~.headerLinks{display:flex;justify-content:space-between;width:90%;padding:0;margin:0 auto;padding-bottom:2vh;height:170px;opacity:1;transition:all 0.3s ease}.header :checked~.icon-burger .line:nth-child(1){transform:translateY(10px) rotate(45deg)}.header :checked~.icon-burger .line:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.header :checked~.icon-burger .line:nth-child(2){opacity:0}}.landingPage{height:100vh;background-color:var(--basePurple);justify-content:center;min-height:100vh;overflow:hidden;border-bottom:3px var(--basePurple) solid}.cards_container{width:clamp(100vmin,130vh,80vw);height:90vmin;margin:0 auto;z-index:2;margin-top:10vh;position:relative}.questionCard{position:absolute;width:27%;aspect-ratio:2/3;perspective:1000px;z-index:0;cursor:pointer}.questionCard *{width:100%;height:100%}.questionCard_cardFront,.questionCard_cardBack{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.questionCard_textField{text-align:center;height:fit-content;color:var(--accent);width:90%;position:absolute;font-weight:1000;font-size:4vmin;font-family:Arial,Helvetica,sans-serif;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-backface-visibility:hidden;backface-visibility:hidden}#cardLogo{width:90%;margin:0 auto}.cardBack_Logo_style{fill:var(--light);stroke-width:0}.questionCard_inner{position:relative;transform-style:preserve-3d}.questionCard_cardBack{transform:rotateY(180deg);background-color:var(--accent);border-radius:min(4vmin);border:.4vmin var(--basePurple) solid}.questionCard_cardFront{background-color:var(--light);border-radius:min(4vmin);border:.4vmin var(--basePurple) solid}#cardAnnimation_mainCard{background-color:var(--accent);border-radius:4vmin;border:.4vmin var(--basePurple) solid;z-index:5}.questionCardAnimation{visibility:hidden}@media (max-width:1350px){.questionCard_textField{font-size:3vmin}}@media (max-width:800px){.questionCard{width:30%;min-width:180px}}@media (max-width:500px){.questionCard{width:37%}.questionCard_textField{font-size:calc(0.9em + 1vmin)}}@media (max-width:450px){.questionCard{width:42%;min-width:150px}}.theGame{color:var(--light);max-width:100vw;justify-content:center;background-color:var(--basePurple)}.icon10{top:100%;z-index:10}.theGame-container{position:relative;max-width:70%;display:grid;gap:1.5rem;grid-auto-columns:1fr;grid-template-areas:'one one two three three'}.theGame-element:nth-child(1){grid-area:three;height:fit-content}.theGame-element:nth-child(2){grid-area:two}.theGame-element:nth-child(3){grid-area:one;height:fit-content}.theGame-container>*{font-size:var(--largeText)}.theGame-includes{opacity:0;font-size:var(--largeText)}.paralax-box{position:absolute;right:0;top:-100px;width:600px;z-index:3}.floatingBox{position:relative;height:min-content;bottom:0}.introHeader{font-size:3.5rem}#includesHeader{font-size:2.5rem}@keyframes openCards{0%{transform:translateY(0%)}60%{transform:translateY(-30%)}75%{transform:translateY(-30%)}100%{transform:translateY(0%)}}@keyframes openLid{0%{transform:translateY(0%)}50%{transform:translateY(-80%)}80%{transform:translateY(-80%)}100%{transform:translateY(0%)}}#small{font-size:10px}@media (max-width:2000px){.theGame-element:nth-child(2){grid-area:two;width:100%}.theGame-container{max-width:80%;grid-template-areas:' four three' ' two one'}.floatingBox{position:relative;height:100%}.paralax-box{position:absolute;top:-10%;right:20%;width:60%;z-index:50}.theGame-includes{opacity:1}}@media (max-width:1400px){.paralax-box{width:70%;right:15%}}@media (max-width:1250px){.paralax-box{width:80%;right:10%}}@media(max-width:1200px){.theGame-includes{font-size:var(--mediumText)}.theGame-intro{font-size:var(--mediumText)}}@media(max-width:950px){.paralax-box{width:100%;right:0%}}@media (max-width:750px){.theGame-container{max-width:85%;font-size:1.2rem;grid-template-areas:'three' 'two' 'one';height:75vh}.theGame-container>*{width:100%;font-size:var(--SmallText);height:fit-content}.paralax-box{left:0;right:0;top:0;width:inherit;min-width:300px;height:auto;margin-left:auto;margin-right:auto}.theGame-includes{opacity:0}}.cta{font-family:"hoss-round",sans-serif;font-style:normal;;background-color:var(--accent);color:var(--accentHighlight);padding:10px 20px;border-style:solid;border-color:var(--accentHighlight);border-width:.1em;border-radius:.6em;font-size:1em;color:var(--light);cursor:pointer;width:100%;border-width:5px;margin-top:20px}.cta:hover{background-color:var(--accentHighlight)}.cta-Main{border-width:5px}.cta-Main{display:flex;justify-content:space-between;width:inherit}.howToPlay{min-height:fit-content;border-top:3px var(--light) solid;border-bottom:3px var(--light) solid;max-width:100vw;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:var(--light-cover)}.howToPlay-desc{width:70%;margin:0 auto;padding-top:20vmin;padding-bottom:20vmin;display:flex;flex-direction:column;justify-content:center;align-items:center}.howToPlay-desc h2{font-size:3rem;padding-bottom:4vh}.howToPlay-desc p{font-size:2.5em;line-height:1.6;text-align:left;position:relative}.card{width:50px;height:auto;z-index:-1;opacity:1}.icons>*{position:absolute}.icon1{z-index:100;left:25%;top:5%}.icon2{right:10%;top:50%;transform:rotate(3deg)}.icon3{z-index:100;right:3%;top:20%;transform:rotate(20deg)}.icon4{left:3%;transform:rotate(12deg)}.icon5{z-index:100;left:50%;top:80%;transform:rotate(-12deg)}.icon6{z-index:100;left:12%;top:90%;transform:rotate(-22deg)}.icon7{right:32%;top:10%;transform:rotate(12deg)}.icon8{right:12%;top:80%;transform:rotate(-9deg)}.icon9{bottom:-1%;left:20%;transform:rotate(-9deg)}.floating{position:absolute;animation-name:floating;-webkit-animation-name:floating;animation-duration:50s;-webkit-animation-duration:50s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.floating2{position:absolute;animation-name:floating2;-webkit-animation-name:floating2;animation-duration:60s;-webkit-animation-duration:60s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.floating3{position:absolute;animation-name:floating3;-webkit-animation-name:floating3;animation-duration:70s;-webkit-animation-duration:70s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.floating4{position:absolute;animation-name:floating4;-webkit-animation-name:floating4;animation-duration:80s;-webkit-animation-duration:80s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.floating5{position:absolute;animation-name:floating5;-webkit-animation-name:floating5;animation-duration:80s;-webkit-animation-duration:80s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}@keyframes floating{0%{transform:translateY(0%) rotate(-55deg)}50%{transform:translateY(70%) rotate(55deg)}100%{transform:translateY(0%) rotate(-55deg)}}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0%)}50%{-webkit-transform:translateY(300%)}100%{-webkit-transform:translateY(0%)}}@keyframes floating2{0%{transform:translateX(0%) translateY(0%) rotate(7deg)}50%{transform:translateX(200%) translateY(30%) rotate(-20deg)}100%{transform:translateX(0%) translateY(0%) rotate(7deg)}}@-webkit-keyframes floating2{0%{transform:translateX(0%) translateY(0%) rotate(7deg)}50%{transform:translateX(200%) translateY(30%) rotate(-20deg)}100%{transform:translateX(0%) translateY(0%) rotate(7deg)}}@keyframes floating3{0%{transform:translateX(0%) translateY(0%) translateY(0%) rotate(0deg)}50%{transform:translateX(-30%) translateY(-200%) rotate(180deg)}100%{transform:translateX(0%) translateY(0%)}}@-webkit-keyframes floating3{0%{transform:translateX(0%) translateY(0%) translateY(0%) rotate(0deg)}50%{transform:translateX(-50%) translateY(-200%) rotate(180deg)}100%{transform:translateX(0%) translateY(0%)}}@keyframes floating4{0%{transform:translateX(0%) translateY(0%) rotate(+7deg)}50%{transform:translateX(-200%) translateY(30%) rotate(20deg)}100%{transform:translateX(0%) translateY(0%) rotate(+7deg)}}@-webkit-keyframes floating4{0%{transform:translateX(0%) translateY(0%) rotate(+7deg)}50%{transform:translateX(-200%) translateY(30%) rotate(+20deg)}100%{transform:translateX(0%) translateY(0%) rotate(+7deg)}}@keyframes floating5{0%{transform:translateX(0%) rotate(-9deg)}50%{transform:translateX(200%) translateY(100%) rotate(20deg)}100%{transform:translateX(0%) rotate(-9deg)}}@-webkit-keyframes floating5{0%{transform:translateX(0%) rotate(-9deg)}50%{transform:translateX(200%) rotate(20deg)}100%{transform:translateX(0%) rotate(-9deg)}}.underline{text-decoration:underline}@media (max-width:960px){.howToPlay-desc p{font-size:1.7em}.howToPlay-desc h2{font-size:2.5em}}@media (max-width:750px){.howToPlay-desc p{font-size:1.5em}.howToPlay-desc h2{font-size:2em}.card{width:30px}.icon5{top:90%}}#accordian{min-height:fit-content;width:80%;margin-top:5vmin;margin-bottom:calc(100px + 10vw)}.title{font-size:3.5rem;margin:2rem 0rem}.faq{width:70vw;margin-top:2rem;padding-bottom:1rem;border-bottom:.7vh solid var(--basePurple);cursor:pointer}.faq:hover{border-color:var(--accentHighlight)}.faq:hover h3{color:var(--accentHighlight)}.question{display:flex;justify-content:space-between;align-items:center}.question h3{font-size:1.8rem}.answer{max-height:0;overflow:hidden;transition:max-height 0.5s ease-in-out}.answer p{padding-top:1rem;line-height:1.6;font-size:1.4rem}.faq.active .answer{max-height:900px;transition:max-height 1s ease}.faq.active .question{color:var(--accentHighlight)}.faq.active svg{stroke:var(--accentHighlight);transform:rotate(0deg)}.accordianArrow{stroke:var(--basePurple);stroke-width:10px;fill:none;transform:scale(1.5);transform:rotate(90deg)}@keyframes fade{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.question h3{font-size:1.8em}.answer p{padding-top:1em;line-height:1.3;font-size:1.4em}}@media (max-width:750px){.faq{width:85vw}.question h3{font-size:1.4em}.answer p{line-height:1.3;font-size:1.2em}}footer{background:var(--basePurple);width:100%}footer .content{max-width:100vw;margin:auto;padding:30px 7vw 40px 7vw;display:flex}.content .top .logo-details{color:var(--light);font-size:30px}footer .content .link-boxes{width:100%;display:flex;justify-content:space-between;gap:20px}footer .mainFooterNav{display:flex;gap:10vw}footer .content .link-boxes .box{flex-wrap:wrap}.content .link-boxes .box .link_name{color:var(--light);font-size:var(--smallText);font-weight:700;margin-bottom:10px;position:relative}.content .link-boxes .box li{margin:6px 0;list-style:none}.content .link-boxes .box li a{color:var(--light);font-size:var(--smallText);font-weight:700;line-height:1.4em;text-decoration:underline;transition:all 0.2s ease}.content .link-boxes .box li a:hover{text-decoration:none;color:var(--accentHighlight)}.content .link-boxes .input-box{width:35%}.link-boxes .input-box input{height:40px;width:100%;outline:none;border:2px var(--accentHighlight);border-bottom-style:solid;border-width:.3rem;background:var(--basePurple);padding:0 15px;font-size:15px;color:var(--light);margin-top:5px}.link-boxes .input-box input::placeholder{color:var(--accentHighlight);font-size:var(--smallText)}.link-boxes .input-box input[type="button"]{background:var(--accent);color:var(--basePurple);border:none;font-size:var(--largeText);font-weight:500;margin:4px 0;opacity:.8;cursor:pointer;transition:all 0.4s ease}.input-box input[type="button"]:hover{opacity:1}#emailIn:not(:placeholder-shown)~#emailSubmit{color:var(--basePurple)}.signUp{color:var(--light);font-size:var(--smallText)}footer .bottom-details{width:100%;padding-left:7vw;padding-right:7vw;background:var(--basePurple);flex-wrap:wrap}footer .bottom-details .bottom_text{max-width:100vw;margin:auto;padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between}.bottom-details .bottom_text span,.bottom-details .bottom_text a{font-size:var(--tinyText);font-weight:300;color:var(--light);opacity:.8;text-decoration:none}.bottom-details .bottom_text a:hover{opacity:1;text-decoration:underline;color:var(--accentHighlight)}.bottom-details .bottom_text a{margin-right:10px}#footerlogo{height:20vh;margin-right:6vw;min-height:60px;fill:var(--light);transition:all 0.2s ease-out}#footerlogo:hover{fill:var(--accentHighlight)}#logo2{visibility:hidden;height:0;width:0}@media (max-width:1200px){#footerlogo{height:15vh;padding-right:3vw}}@media (max-width:950px){#footerlogo{height:10vh;padding-right:2vw}}@media (max-width:760px){footer .bottom-details .bottom_text{flex-direction:column-reverse;align-items:center;margin:0}#footerlogo{opacity:0;visibility:hidden;height:0;width:0;padding:0}#logo2{fill:var(--light);visibility:visible;height:auto;width:20vw;padding:0}.bottom-details .bottom_text a{width:23px}footer .bottom-details{display:flex;justify-content:space-between;align-items:center;gap:10vw;padding-bottom:4vw}footer .content .link-boxes{flex-direction:column-reverse;justify-content:space-evenly;padding:0}footer .content .link-boxes .mainFooterNav{justify-content:space-evenly}footer .content .link-boxes .input-box{width:100%}.top{width:0}@media (max-width:500px){.bottom-details{flex-direction:column}#logo2{width:40vw}}}.privacy_policy_container{margin-top:10vh;width:80vw;padding:10vmin;padding-top:5vmin;min-height:fit-content}.container_404{justify-content:center;width:50vw}.container_404 h1{font-size:30vmin}.container_404 button{width:fit-content;font-size:2em;justify-content:center;align-items:center}.wc-block-components-button{background-color:var(--basePurple);border:3px var(--basePurple) solid;border-radius:5px}.wc-block-components-button .wc-block-components-button__text{color:var(--light)}.wc-block-components-button:hover{border-color:var(--accentHighlight)}.wc-block-components-button:hover .wc-block-components-button__text{color:var(--accentHighlight)}.ajax_add_to_cart{background-color:var(--accent);border:3px var(--accentHighlight) solid;color:var(--light)!important}.ajax_add_to_cart:hover{background-color:var(--accentHighlight)}.standard_page{display:flex;position:relative;z-index:0;padding:0;min-height:100vh;height:fit-content;width:80vw;font:2em;margin:0 auto;margin-top:20vh;display:flex;flex-direction:column;align-items:center}.wp-block-woocommerce-cart{width:100%;z-index:0}.wp-block-woocommerce-cart a{color:var(--accent)}.wp-block-woocommerce-cart a:hover{color:var(--accentHighlight)}.wc-block-cart__submit-button{border:5px var(--accentHighlight) solid;border-radius:20px;text-decoration:none;background-color:var(--accent)}.wc-block-cart__submit-button:hover{background-color:var(--accentHighlight)}.wc-block-cart__submit-button:active .wc-block-components-button__text{color:var(--light)!important}.wc-block-cart__submit-button .wc-block-components-button__text{color:var(--light);font-weight:700;text-decoration:none}.wc-block-cart__submit-button:hover .wc-block-components-button__text{color:var(--light)}.wp-block-woocommerce-checkout a{color:var(--accent)}.wp-block-woocommerce-checkout a:hover{color:var(--accentHighlight)}.wc-block-components-checkout-place-order-button{border:5px var(--accentHighlight) solid;border-radius:10px;text-decoration:none;background-color:var(--accent)}.wc-block-components-checkout-place-order-button:hover{background-color:var(--accentHighlight)}.wc-block-components-checkout-place-order-button:active{border-color:var(--accentHighlight)}.wc-block-components-checkout-place-order-button:active .wc-block-components-button__text{color:var(--light)}.wc-block-components-button__text{color:var(--light);font-weight:700;text-decoration:none;font-size:1.2em}.wc-block-components-checkout-place-order-button:hover .wc-block-components-button__text{color:var(--light)}