#contactForm fieldset .fieldList,#home #ideas .brands .brands__list,header .main-navigation__list,.skipLinks ul{list-style:none;margin:0;padding:0}#contactForm fieldset .fieldList li,header .main-navigation__list li,.skipLinks ul li{display:inline-block}html,body{overflow-x:hidden}body{font-family:"Open Sans",Helvetica,Arial,sans-serif;color:#404040;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"Raleway",Helvetica,Arial,sans-serif;font-weight:normal}.vh{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.imgFull{display:block;width:100%}strong,b{font-weight:700}.skipLinks ul{width:100%;position:absolute;top:0;left:0}.skipLinks ul a{display:block;position:absolute;top:-500%;left:0;transition:all .15s linear}.skipLinks ul a:focus{top:0;background-color:#5444b9;color:#fff;padding:1em;text-decoration:none}main{position:relative;z-index:1}.centred--thin{width:85%;max-width:925px;margin:0 auto !important}.centred--wide{width:90%;max-width:1440px;margin:0 auto !important}.primary-heading{font-size:2.25rem;font-weight:700;color:#3e5d96;text-transform:lowercase}.primary-heading--invert{color:#fff}.secondary-heading{font-size:1.875em;font-font-weight:400;color:#3e5d96}.noStyle{list-style:none;margin:0;padding:0}.courses__list{display:flex;justify-content:space-between;align-items:flex-start;margin-top:2% !important}.courses__list li{width:50%;background:#fff;padding:.5%;box-sizing:border-box;color:#404040}.courses__list li a{display:block}.courses__list li a.course__thumb{width:100%}.courses__list li .course__details{padding:2% 3%}.courses__list li h4{font-size:1.2em;font-weight:600;margin:.25em 0}.courses__list li .course__author{color:#52b788;text-decoration:none;font-weight:600;margin:.5em 0}.courses__list li .course__author:hover,.courses__list li .course__author:focus{text-decoration:underline}.courses__list li .course__see-more{display:inline-block;padding:.25em .5em;background-color:#3e5d96;border:1px solid #3e5d96;color:#fff;font-weight:600;text-decoration:none;transition:all .15s linear}.courses__list li .course__see-more:hover,.courses__list li .course__see-more:focus{background-color:#fff;color:#3e5d96}.headerWrap{position:fixed;z-index:2;background:rgba(255,255,255,.97);width:100%;-webkit-box-shadow:0 0 21px -1px rgba(0,0,0,.6);-moz-box-shadow:0 0 21px -1px rgba(0,0,0,.6);box-shadow:0 0 21px -1px rgba(0,0,0,.6)}header{width:90%;max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:baseline}header .wordmark{color:#3e5d96;font-size:2.5em;line-height:1;margin:0;text-decoration:none;transition:all .15s linear}header .main-navigation__list{font-size:1.6em;transition:all .15s linear}header .main-navigation__list .main-navigation__item a{display:block;font-family:"Raleway",Helvetica,Arial,sans-serif;color:#3e5d96;text-decoration:none;padding:1.5em .5em 1em;transition:all .15s linear}header .main-navigation__list .main-navigation__item a:hover,header .main-navigation__list .main-navigation__item a:focus,header .main-navigation__list .main-navigation__item a.active{background-color:#3e5d96;color:#fff}#home .fullPageIntro{position:relative;width:100%;height:100vh;overflow:hidden}#home .fullPageIntro #intro{width:80%;max-width:715px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}#home .fullPageIntro #intro .intro__heading{font-size:4.8125em;color:#3e5d96;line-height:1;text-transform:uppercase;margin:0}#home .fullPageIntro #intro .intro__deck{font-size:1.5em;line-height:1.3;margin-top:1em}#home .fullPageIntro #intro .intro__deck a{text-decoration:none;color:#3e5d96;font-weight:700}#home .fullPageIntro #intro .intro__deck a:hover,#home .fullPageIntro #intro .intro__deck a:focus{text-decoration:underline}#home .fullPageIntro .intro__trigger{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:1.5em;font-weight:700;width:50px;height:50px;position:absolute;bottom:2em;left:50%;transform:translateX(-50%);color:inherit;text-decoration:none;padding:1em;border:1px solid #3e5d96;border-radius:100%;transition:all .15s linear}#home .fullPageIntro .intro__trigger span{display:block;content:"";width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #3e5d96;margin:.25em auto 0}#home .fullPageIntro .intro__trigger:hover,#home .fullPageIntro .intro__trigger:focus{background-color:#3e5d96}#home .fullPageIntro .intro__trigger:hover span,#home .fullPageIntro .intro__trigger:focus span{border-top:20px solid #fff}#home #courses{background-color:#3e5d96;color:#fff;-webkit-clip-path:polygon(0 0, 100% 5%, 100% 90%, 0% 100%);clip-path:polygon(0 0, 100% 6%, 100% 90%, 0% 100%);line-height:1.33;padding:15% 0}#home #courses .about-me__deck{padding:1em 0 0}#home #projects{padding:5% 0}#home #projects .my-skills__list{padding:0;margin-top:2em;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center}#home #projects .my-skills__list .my-skills__bucket{width:32%;box-sizing:border-box;margin:0 2% 10% 0}#home #projects .my-skills__list .my-skills__bucket:nth-of-type(3n){margin-right:0}#home #projects .my-skills__list .my-skills__bucket:nth-of-type(4){width:45%}#home #projects .my-skills__list .my-skills__bucket .my-skills__bucket__heading{margin:0 0 .5em;font-size:1.5em;font-weight:700;font-family:"Raleway",Helvetica,Arial,sans-serif;color:#52b788}#home #projects .my-skills__list .my-skills__bucket .my-skills__breakdown{padding:0 0 0 1.25em}#home #projects .my-skills__list .my-skills__bucket .my-skills__breakdown .my-skills__example{padding:.25em 0}#home #ideas{background-color:#3e5d96;color:#fff;-webkit-clip-path:polygon(0 15%, 100% 0, 100% 100%, 0% 85%);clip-path:polygon(0 15%, 100% 0, 100% 100%, 0% 85%);font-size:1.5em;line-height:1.33;padding:15% 0}#home #ideas .brands{position:relative;margin-top:3em;padding-top:2em;border-top:1px solid rgba(255,255,255,.2)}#home #ideas .brands .brands__heading{position:absolute;top:-0.75em;left:50%;transform:translateX(-50%);width:fit-content;font-weight:700;background-color:#3e5d96;padding:0 1em}#home #ideas .brands .brands__list{display:flex;flex-flow:row wrap;justify-content:space-between}#home #ideas .brands .brands__list .brand{padding:.25em .5em}#home #get-in-touch{padding:15% 0}#home #get-in-touch .formWrapper{position:relative}#home #get-in-touch .formWrapper #contactForm{transition:all .15s linear}#home #get-in-touch .formWrapper .thankyouWrapper{display:none;opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;text-align:center}#home #get-in-touch .formWrapper .thankyouWrapper .thankyou{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding-left:4%;box-sizing:border-box;background-color:rgba(255,255,255,.9)}#home #get-in-touch .formWrapper .thankyouWrapper .thankyou .thankyou__deck{font-size:1.125em;padding-top:.5em;line-height:1.5}#home #get-in-touch .formWrapper .thankyouWrapper .thankyou .thankyou__close{position:absolute;top:0;right:0;transform:rotate(45deg);background:none;border:none;font-weight:700;font-size:1.125em;border-radius:100%;border-bottom:2px solid #fff}#home #get-in-touch .formWrapper .thankyouWrapper .thankyou .thankyou__close:hover,#home #get-in-touch .formWrapper .thankyouWrapper .thankyou .thankyou__close:focus{color:#3e5d96;border-bottom:2px solid #3e5d96}#home #get-in-touch .formWrapper.submitted #contactForm{opacity:.8;filter:blur(0.4em)}#home #get-in-touch .formWrapper.submitted .thankyouWrapper{animation:showThanks 1s ease-out;display:block;opacity:1}@keyframes showThanks{0%{opacity:0}100%{opacity:1}}#courses{margin-top:10em !important;margin-bottom:5em !important}#contactForm{margin:2em auto}#contactForm h2{font-size:1.5em;text-align:center}#contactForm fieldset{border:0 none;padding:0}#contactForm fieldset .errs{margin-top:1em;padding:5%;background-color:rgba(204,0,0,.05);border:2px solid #c00;box-sizing:border-box;color:#c00}#contactForm fieldset .fieldList .field{width:50%;margin-right:-4px;margin-top:1em;box-sizing:border-box;position:relative;vertical-align:top}#contactForm fieldset .fieldList .field.field--pad{padding-right:2%}#contactForm fieldset .fieldList .field.field--wide{display:block;width:100% !important;padding-right:0}#contactForm fieldset .fieldList .field label{display:block}#contactForm fieldset .fieldList .field input[type=text],#contactForm fieldset .fieldList .field input[type=email],#contactForm fieldset .fieldList .field input[type=tel],#contactForm fieldset .fieldList .field select,#contactForm fieldset .fieldList .field textarea{width:100%;border:2px solid #c1c1c1;font-size:1.25em;padding:1.5em 1em .5em .5em;box-sizing:border-box;transition:all .15s linear}#contactForm fieldset .fieldList .field input[type=text]:focus,#contactForm fieldset .fieldList .field input[type=email]:focus,#contactForm fieldset .fieldList .field input[type=tel]:focus,#contactForm fieldset .fieldList .field select:focus,#contactForm fieldset .fieldList .field textarea:focus{outline:none;-webkit-box-shadow:0 5px 10px -3px rgba(0,0,0,.5);-moz-box-shadow:0 5px 10px -3px rgba(0,0,0,.5);box-shadow:0 5px 10px -3px rgba(0,0,0,.5)}#contactForm fieldset .fieldList .field textarea{height:10em}#contactForm fieldset .fieldList .field .feedback.error{display:block;width:100%;padding:1em;box-sizing:border-box;background-color:rgba(255,255,0,.25);border-right:2px solid #ff0;border-bottom:2px solid #ff0;border-left:2px solid #ff0;border-radius:0 0 .5em .5em}#contactForm fieldset .fieldList.personal label{position:absolute;font-size:1.25em;color:#c1c1c1;top:1.25em;left:1.25em;text-transform:uppercase;transition:all .15s linear}#contactForm fieldset .fieldList.personal .labelFocus{font-size:.75em;top:.75em;left:.75em}#contactForm fieldset .fieldList.personal .field--textarea .labelFocus{width:96%;background-color:#fff;padding:.75em;box-sizing:border-box;top:2px;left:2px}#contactForm #submitContactForm{display:block;margin-top:1em;font-size:2em;font-family:"Raleway",Helvetica,Arial,sans-serif;font-weight:700;background-color:#3e5d96;color:#fff;text-decoration:none;border:1px #3e5d96 solid;padding:.5em 2.5em;transition:all .15s linear}#contactForm #submitContactForm:hover,#contactForm #submitContactForm:focus{background-color:#fff;color:#3e5d96}footer{margin-bottom:5%}footer .copyright{font-size:1.125em;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:2em 0}footer span{display:inline-block;width:.5em;height:.5em;background-color:#404040;border-radius:100%;vertical-align:middle;margin:0 .5em}/*# sourceMappingURL=main.css.map */