:root{--white:#fff;--blue:#6DC0D5;--lightblue:#D9ECF2;--orange:#F4442E;--lightorange:#F7D0CB;--purple:#905ECE;--lightpurple:#E1D8EB;--darkgrey:#222222;--mediumgrey:#888888;--lightgrey:#F7F7F7;--purblack:#42273B;--brown:#735F3D;--ff:'Poppins', sans-serif;--ff2:noka, sans-serif;--fw-a:300;--fw-b:500;--fw-c:700;--gap-xs:16px;--gap-s:32px;--gap-m:40px;--gap-l:80px;--radius-s:10px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--gap-xs)}body *{font-family:var(--ff)}h1,h2,h3,h4,h5,h6{font-family:var(--ff2);font-weight:var(--fw-c);line-height:1.2;margin-bottom:16px}h1{font-size:4.5rem}h2{font-size:3.5rem}h3{font-size:2.2rem}h4{font-size:1.8rem}h5{font-size:1.2rem}h6{font-size:1rem}p{font-size:1rem;margin-bottom:var(--gap-xs);font-weight:100;line-height:1.4}p:last-child{margin-bottom:0}a{text-decoration:none;font-size:1rem}.entry-content a{text-decoration:underline;font-size:1rem;color:var(--darkgrey)}ul ::marker,ol ::marker{line-height:1}.entry-content ul{font-weight:300}.entry-content ul li{margin-bottom:15px;text-align:left;position:relative;padding-left:30px;line-height:1.2}.entry-content ul li:before{content:"";height:8px;width:8px;display:block;margin-top:4px;background-position:center;background-repeat:no-repeat;background-size:100%;background-position:center;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='50' fill='%23222222' /></svg>");position:absolute;left:0}.container.with-sidebar.cognitive-bias ul li:before{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='50' fill='%23F4442E' /></svg>")}.container.with-sidebar.heuristic ul li:before{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='50' fill='%236DC0D5' /></svg>")}.container.with-sidebar.principle-law ul li:before{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='50' fill='%23905ECE' /></svg>")}.container.with-sidebar.mental-health ul li:before{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='50' fill='%23735F3D' /></svg>")}.container.with-sidebar.general ul li:before{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><circle cx='50' cy='50' r='50' fill='%2342273B' /></svg>")}ol{font-weight:300;padding:0;counter-reset:item}ol>li{margin-bottom:15px;padding-left:30px;text-align:left;position:relative;list-style-type:none;counter-increment:item}ol>li:before{height:8px;width:8px;display:block;font-weight:700;content:counter(item) ".";position:absolute;left:0}hr{background-color:rgb(0 0 0 / .1);border:none;height:2px;margin:24px 0}img{display:block}small{font-size:22px;line-height:1.1}strong{font-weight:var(--fw-b)}.bg-grey{background-color:var(--lightgrey)}.site-header{display:flex;justify-content:space-between;align-items:center;padding:var(--gap-xs) 5%;position:fixed;top:0;left:0;z-index:999;width:100vw;transition:all .3s ease-in-out}.site-header.active{background-color:rgb(255 255 255 / .95);-webkit-box-shadow:0 -25px 50px 0 rgb(109 192 213 / .5);box-shadow:0 -25px 50px 0 rgb(109 192 213 / .5)}.site-logo{display:block;font-family:var(--ff2);color:var(--darkgrey);font-size:1.8rem}.h-social{color:var(--darkgrey)}.h-social svg{width:35px;height:auto}.main-navigation{display:flex;align-items:center;gap:var(--gap-s)}.menu-main-menu-container .menu{display:flex;gap:var(--gap-s)}.menu-main-menu-container .menu .menu-item a{color:var(--darkgrey)}.burger-menu{display:none;position:relative}.burger-menu svg{height:60px;position:absolute;width:60px}.plates{display:flex;flex-wrap:wrap;max-height:160px;width:640px}.plate{height:60px;width:60px}.burger{transition:transform .3s}.x{transform:scale(0);transition:transform .3s}.line{fill:none;stroke:#000;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;transition:stroke-dasharray 500ms 200ms,stroke-dashoffset 500ms 200ms,transform 500ms 200ms}.x .line{stroke-width:5.5px}.plate4 .x{transition:transform .3s}.plate4 .line{transform-origin:50%;transition:transform .3s 100ms}.navActive.plate4 .line{transition:transform .3s}.navActive.plate4 .line1{transform:translateX(18px) translateY(-3px) rotate(-45deg) scale(.7)}.navActive.plate4 .line2{transform:translateX(-18px) translateY(-3px) rotate(45deg) scale(.7)}.navActive.plate4 .line3{transform:translateY(0) rotate(45deg) scale(.7)}.navActive.plate4 .line4{transform:translateY(0) rotate(-45deg) scale(.7)}.navActive.plate4 .line5{transform:translateX(18px) translateY(3px) rotate(45deg) scale(.7)}.navActive.plate4 .line6{transform:translateX(-18px) translateY(3px) rotate(-45deg) scale(.7)}.navActive.plate4 .x{transition:transform .3s 100ms;transform:scale(1)}.navActive.plate4 .burger{transform:scale(0)}div.container,footer.container{width:calc(100vw - 10%);margin:auto;margin-top:var(--gap-l)}.full-height{height:100vh;min-height:750px;max-height:800px}div.container.full-width{width:100vw;padding:0 5%}.grecaptcha-badge{visibility:hidden!important}.posts{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-s);padding-top:var(--gap-s)}#posts.swiper-wrapper{padding-top:var(--gap-s);padding-bottom:var(--gap-s)}.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic{position:absolute;bottom:0;right:0;width:fit-content!important;left:auto}.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--blue)!important}.post-image{width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-s);position:relative}.post-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-s)}.post-letters{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);opacity:.8;font-size:6.5rem;font-family:var(--ff2)}.post-category{position:absolute;bottom:0;left:0;padding:var(--gap-xs) var(--gap-xs);font-size:.8rem;color:var(--white);border-top-right-radius:var(--radius-s);border-bottom-left-radius:var(--radius-s);text-transform:capitalize}.cognitive-bias .post-category{background-color:var(--orange)}.heuristic .post-category{background-color:var(--blue)}.principle-law .post-category{background-color:var(--purple)}.mental-health .post-category{background-color:var(--brown)}.general .post-category{background-color:var(--purblack)}.post-date{padding:var(--gap-xs) var(--gap-xs);font-size:.8rem;color:var(--darkgrey);border-top-right-radius:var(--radius-s);border-bottom-left-radius:var(--radius-s);text-transform:capitalize;background-color:var(--lightgrey);margin:0 16px}.cognitive-bias.btn,.heuristic.btn,.principle-law.btn,.mental-health.btn,.general.btn{display:flex;align-items:center;gap:var(--gap-xs)}.cognitive-bias.btn:after,.heuristic.btn:after,.principle-law.btn:after,.mental-health.btn:after,.general.btn:after{content:">";width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.cognitive-bias.btn:after{background-color:var(--orange)}.heuristic.btn:after{background-color:var(--blue)}.principle-law.btn:after{background-color:var(--purple)}.mental-health.btn:after{background-color:var(--brown)}.general.btn:after{background-color:var(--purblack)}.post .post-info{display:flex;flex-direction:column;gap:var(--gap-xs);margin-top:var(--gap-xs);color:var(--darkgrey)}.post .post-info h4{font-size:1.6rem}.post .post-info p{margin:0}.post .btn:after{transition:transform .2s ease-in-out}.post:hover .btn:after{transform:translateX(6px)}.featured.posts{grid-template-columns:1fr}.featured-post a{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-s)}.featured-post .post-image{aspect-ratio:16 / 9}.featured-post .post-info{justify-content:center;margin-top:0;max-width:450px}.featured-post .post-info .post-category{display:block;width:fit-content;padding:var(--gap-xs) var(--gap-xs);font-size:.8rem;color:var(--white);border-top-right-radius:var(--radius-s);border-bottom-left-radius:var(--radius-s);position:relative}.searchandfilter ul>li>ul:not(.children){display:flex;gap:var(--gap-s);align-items:center}.searchandfilter ul>li>ul>li label{padding:var(--gap-xs) 24px var(--gap-xs) 24px!important;border-top-right-radius:10px;border-bottom-left-radius:10px}input[name="_sft_tutorials_categories[]"]~label:hover,input[name="_sft_category[]"]~label:hover{background-color:var(--lightgrey)}input[value="cognitive-bias"]~label:hover{background-color:var(--orange);color:var(--white)}input[value="heuristic"]~label:hover{background-color:var(--blue);color:var(--white)}input[value="principle-law"]~label:hover{background-color:var(--purple);color:var(--white)}input[value="mental-health"]~label:hover{background-color:var(--brown);color:var(--white)}input[value="general"]~label:hover{background-color:var(--purblack);color:var(--white)}.sf-option-active>input[name="_sft_tutorials_categories[]"]~label,.sf-option-active>input[name="_sft_category[]"]~label{background-color:var(--lightgrey)}.sf-option-active>input[value="cognitive-bias"]~label{background-color:var(--orange);color:var(--white)}.sf-option-active>input[value="heuristic"]~label{background-color:var(--blue);color:var(--white)}.sf-option-active>input[value="principle-law"]~label{background-color:var(--purple);color:var(--white)}.sf-option-active>input[value="mental-health"]~label{background-color:var(--brown);color:var(--white)}.sf-option-active>input[value="general"]~label{background-color:var(--purblack);color:var(--white)}.sf-input-radio{display:none}.title-filters{display:flex;flex-wrap:wrap;gap:var(--gap-s);justify-content:space-between;align-items:center}.pagination{padding-top:80px;display:flex;gap:16px;grid-column:span 4}.page-numbers{background-color:var(--lightgrey);color:var(--darkgrey);border-top-right-radius:10px;border-bottom-left-radius:10px;height:45px;width:45px;display:flex;align-items:center;justify-content:center}.page-numbers:hover,.page-numbers.current{background-color:var(--blue);color:var(--white)}.next.page-numbers,.prev.page-numbers{width:fit-content;padding:0 16px}.swiper-nav .swiper-button-next,.swiper-nav .swiper-button-prev{width:auto;height:auto;margin-top:0;color:var(--blue);position:relative;right:auto;left:auto}.swiper-nav{position:relative;display:flex;justify-content:flex-end;gap:16px}.hero{display:flex;align-items:center;justify-content:center;background-image:url(/wp-content/uploads/2022/08/new-blob-v4.png);background-size:contain;background-position:top left;background-repeat:no-repeat;position:relative;height:600px}.hero .container{display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding-top:120px}.hero h1{max-width:1041px}#typewriter{font-family:var(--ff2)}.hero .content{display:flex;justify-content:flex-end;position:absolute;right:5%;bottom:0;z-index:-1}.hero .content lottie-player{width:300px;height:300px}div.container.cta{background-size:cover;background-repeat:no-repeat;background-position:bottom left;padding:var(--gap-l);margin-top:var(--gap-l);position:relative;border-radius:var(--radius-s)}.cta-content{width:60%;display:flex;flex-direction:column;gap:var(--gap-s)}.arrow-btn{position:absolute;bottom:var(--gap-l);right:var(--gap-l);overflow:hidden;z-index:10}.arrow-btn svg{width:115px;height:45px}.arrow-btn:hover svg{animation:arrow-btn .3s linear}@keyframes arrow-btn{0%{transform:translateX(0)}50%{transform:translateX(100%)}51%{transform:scale(0)}52%{transform:translateX(-100%)}100%{transform:translateX(0)}}.newsletter{padding:var(--gap-l);border-radius:10px;background-image:url(/wp-content/uploads/2022/09/Purple-Background-2.png);background-size:cover;background-position:top left;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-l);align-items:center;position:relative}.newsletter form{display:flex;justify-content:flex-end}.newsletter form p{margin-bottom:0}.newsletter form input{border:none;background-color:#fff0;border-bottom:2px solid var(--darkgrey);padding:8px 0;color:var(--darkgrey)}.newsletter form .wpcf7-form-control-wrap{position:relative}.newsletter form .wpcf7-form-control-wrap .wpcf7-not-valid-tip{color:#dc3232;font-size:.8rem;font-weight:400;display:block;position:absolute;top:-20px;left:0}.newsletter .wpcf7 form.invalid .wpcf7-response-output,.newsletter .wpcf7 form.unaccepted .wpcf7-response-output,.newsletter .wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;display:flex;justify-content:end;align-items:flex-end;padding:16px;pointer-events:none}.newsletter .wpcf7-spinner{position:absolute}.newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{background-color:var(--darkgrey);padding:16px 32px;border-bottom:0;margin-left:16px;border-top-right-radius:10px;border-bottom-left-radius:10px;color:#fff}.single-post.container.full-width{min-height:550px;display:flex;align-items:center;margin-top:0;padding-top:80px}.single-post.container.full-width.cognitive-bias,.single-post.container.full-width.heuristic,.single-post.container.full-width.principle-law,.single-post.container.full-width.mental-health,.single-post.container.full-width.general{background-size:contain;background-repeat:no-repeat;background-position:top left}.single-post.container.full-width.cognitive-bias{background-image:url(/wp-content/themes/dotclassroom/assets/images/single-hero-cog.png)}.single-post.container.full-width.heuristic{background-image:url(/wp-content/themes/dotclassroom/assets/images/single-hero-her.png)}.single-post.container.full-width.principle-law{background-image:url(/wp-content/themes/dotclassroom/assets/images/single-hero-prin.png)}.single-post.container.full-width.mental-health{background-image:url(/wp-content/themes/dotclassroom/assets/images/brown2.png)}.single-post.container.full-width.general{background-image:url(/wp-content/themes/dotclassroom/assets/images/grey3.png)}.tutorial.single-post.container.full-width.cognitive-bias{background-image:url(/wp-content/themes/dotclassroom/assets/images/tutorial-cog.png)}.tutorial.single-post.container.full-width.heuristic{background-image:url(/wp-content/themes/dotclassroom/assets/images/tutorial-her.png)}.tutorial.single-post.container.full-width.principle-law{background-image:url(/wp-content/themes/dotclassroom/assets/images/tutorial-prin.png)}.tutorial.single-post.container.full-width.mental-health{background-image:url(/wp-content/themes/dotclassroom/assets/images/brown2.png)}.tutorial.single-post.container.full-width.general{background-image:url(/wp-content/themes/dotclassroom/assets/images/grey3.png)}.single-post{position:relative}.single-post .entry-header #breadcrumbs{display:inline-block;margin-bottom:var(--gap-xs)}.single-post .entry-header #breadcrumbs a{color:var(--darkgrey);text-decoration:underline}.single-post .entry-header .post-category{position:relative;margin-top:32px;display:inline-block}.entry .entry-content h3{margin-bottom:16px}.entry-content img{width:auto;height:auto;border-top-right-radius:10px;border-bottom-left-radius:10px}.entry-content .wp-caption{width:100%!important;position:relative;margin-bottom:32px}.entry-content .wp-caption .wp-caption-text{background-color:var(--lightgrey);padding:16px;max-width:fit-content;font-size:1rem;font-weight:300;border-top-right-radius:10px;border-bottom-left-radius:10px;position:absolute;bottom:0}.entry-content blockquote{margin:40px 0 40px 48px;padding-left:16px;font-style:italic;color:var(--mediumgrey);border-left:2px solid var(--mediumgrey)}.cognitive-bias .entry-content blockquote{border-left:2px solid var(--orange)}.principle-law .entry-content blockquote{border-left:2px solid var(--purple)}.heuristic .entry-content blockquote{border-left:2px solid var(--blue)}.mental-health .entry-content blockquote{border-left:2px solid var(--brown)}.general .entry-content blockquote{border-left:2px solid var(--purblack)}.container.with-sidebar{display:grid;grid-template-columns:1fr 30%;gap:80px}.container.with-sidebar .sidebar{background-color:#ffeeec;padding:var(--gap-s);height:fit-content;border-top-right-radius:10px;border-bottom-left-radius:10px}.container.with-sidebar .sidebar.cognitive-bias{background-color:#ffeeec}.container.with-sidebar .sidebar.principle-law{background-color:#c1a8df}.container.with-sidebar .sidebar.heuristic{background-color:#c9e5ec}.container.with-sidebar .sidebar.mental-health{background-color:#735f3da1}.container.with-sidebar .sidebar.general{background-color:#42273bab}.container.with-sidebar .sidebar h4{font-size:1.4rem;margin-bottom:32px}.takeaways{margin-top:var(--gap-l);display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.takeaways h3{grid-column:span 2}.related-posts{display:flex;flex-direction:column;gap:32px}.related-posts .related-post{padding:0 0 32px 0;border-bottom:2px solid rgb(0 0 0 / .1);color:var(--darkgrey);display:flex;gap:16px;align-items:center;justify-content:space-between}.related-posts .related-post:after{content:"";background-image:url(/wp-content/themes/dotclassroom/assets/images/external-link.svg);background-size:contain;background-repeat:no-repeat;background-position:center;width:45px;height:25px;display:block}.site-footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--gap-s)}.site-footer .site-logo,.site-footer .footer-col h5{padding-bottom:var(--gap-xs)}.site-footer ul li a{color:var(--darkgrey);font-weight:300;padding-bottom:var(--gap-xs);display:inline-block}.site-footer ul li a:hover{opacity:.8}.lower-footer.container{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-top:-32px;margin-bottom:32px}.lower-footer.container img{max-width:300px}.lower-footer.container p,.lower-footer.container a{font-size:.8rem;margin-bottom:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media screen and (max-width:65rem){h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.8rem}h4{font-size:1.5rem}h5{font-size:1.2rem}h6{font-size:1rem}.entry-content blockquote{margin:32px 0}.hero .container{justify-content:flex-start;gap:var(--gap-s);padding-top:200px;margin-top:0}.hero .content{justify-content:center}.hero .content lottie-player{width:230px;height:230px}.main-navigation{flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-s);position:fixed;top:0;left:100vw;width:100vw;height:100vh;background-color:var(--white)}.posts{grid-template-columns:1fr 1fr}.menu-main-menu-container .menu .menu-item a,.h-social{font-size:2.5rem}.menu-main-menu-container .menu{flex-direction:column;align-items:center}.main-navigation{transition:transform .3s ease-in-out}.main-navigation.-open{transform:translateX(-100vw)}.burger-menu{display:block}.pagination{grid-column:span 2}.post-template-default .container.thin{margin-top:0}.container.references.thin{margin-top:var(--gap-l)}.featured-post a{grid-template-columns:1fr}div.container.cta{padding:var(--gap-m)}.arrow-btn{bottom:var(--gap-m);right:var(--gap-m)}.newsletter{padding:var(--gap-m);grid-template-columns:1fr;gap:var(--gap-s)}.newsletter form{justify-content:flex-start;padding-bottom:var(--gap-s)}.newsletter .wpcf7 form.invalid .wpcf7-response-output,.newsletter .wpcf7 form.unaccepted .wpcf7-response-output,.newsletter .wpcf7 form.payment-required .wpcf7-response-output{justify-content:center}.container.with-sidebar{grid-template-columns:1fr}.site-footer{grid-template-columns:repeat(3,1fr)}.site-footer .footer-col:nth-of-type(1){grid-column:span 3}.lower-footer.container{margin-top:32px}.two-col{grid-template-columns:1fr}}@media screen and (max-width:48rem){h1{font-size:2.6rem}h2{font-size:2.3rem}.full-height{min-height:auto;height:600px;max-height:none}.hero .content{justify-content:flex-start}lottie-player{display:none}.posts{grid-template-columns:1fr}.pagination{grid-column:span 1}.single-post .entry-header #breadcrumbs,.single-post .entry-header #breadcrumbs a{font-size:12px}.swiper-nav{display:none}.searchandfilter ul>li>ul:not(.children){gap:8px;flex-wrap:wrap}.featured-post .post-image{aspect-ratio:1}div.container.cta{padding:var(--gap-s)}.container.cta img{display:none}.cta-content{width:100%}.arrow-btn{position:relative;bottom:auto;right:auto;overflow:hidden;padding-top:var(--gap-s);display:inline-block}.newsletter{padding:var(--gap-s)}.newsletter .wpcf7 form.invalid .wpcf7-response-output,.newsletter .wpcf7 form.unaccepted .wpcf7-response-output,.newsletter .wpcf7 form.payment-required .wpcf7-response-output{text-align:center}.newsletter form input[type="submit"]{border-bottom:none;background-color:var(--lightgrey)}.newsletter form input[type="email"]{width:100%}.newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{margin-left:0;margin-top:16px}.takeaways{grid-template-columns:1fr}.takeaways h3{grid-column:span 1}.container.with-sidebar{margin-top:0}.single-post.container.full-width{min-height:auto;padding-top:120px;padding-bottom:32px}.site-footer{grid-template-columns:1fr}.site-footer .footer-col:nth-of-type(1){grid-column:span 1}#typewriter,#typewriter .ti-cursor{font-size:2rem;line-height:1}.hero{min-height:400px;height:auto}}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;overflow:hidden;position:absolute!important;word-wrap:normal!important}