.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}.wpa-test-msg{background:#d1ecf1!important;border:1px solid #bee5eb!important;border-radius:5px!important;color:#0c5460!important;font-size:14px!important;padding:.75rem 1.25rem!important;font-family:Arial!important;margin-top:5px!important}span.wpa-button{display:inline-block!important;padding-top:5px!important;color:#fff!important;background-color:#6c757d!important;border-color:#6c757d!important;padding:5px 10px!important;border-radius:5px!important;margin-top:5px!important;cursor:pointer!important}#altEmail_container,.altEmail_container{position:absolute!important;overflow:hidden!important;display:inline!important;height:1px!important;width:1px!important;z-index:-1000!important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-weight:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;margin:0;padding:0;font-family:inherit;font-size:100%}:focus{outline:0}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}@font-face{font-display:swap;font-family:Alexandria;font-style:normal;font-weight:300;src:url(/wp-content/themes/johnrobinsondesign/webfonts/alexandria-v5-latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:Alexandria;font-style:normal;font-weight:400;src:url(/wp-content/themes/johnrobinsondesign/webfonts/alexandria-v5-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Alexandria;font-style:normal;font-weight:500;src:url(/wp-content/themes/johnrobinsondesign/webfonts/alexandria-v5-latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Alexandria;font-style:normal;font-weight:700;src:url(/wp-content/themes/johnrobinsondesign/webfonts/alexandria-v5-latin-700.woff2)format("woff2")}*{box-sizing:border-box}html{scroll-behavior:smooth;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-size:95%;line-height:1.6;animation-name:fadeInDown;animation-duration:.5s}@media screen and (min-width:81.25rem){html{font-size:110%}}body{color:#272b3e;background-color:#fff;margin:0;padding:0;font-family:Alexandria,sans-serif;font-weight:300}.menu-services-container .menu,.menu-other-container .menu{padding-left:0}.social-media-icons{flex-wrap:wrap;align-items:center;column-gap:15px;margin-bottom:0;padding-left:0;display:flex}.social-media-icons li{padding-left:0;list-style-type:none}.footer-paragraph{max-width:28ch;margin-bottom:0}.menu-services-container .menu li,.menu-other-container .menu li{margin-bottom:5px;list-style-type:none;display:block}.menu-services-container .menu li:last-child,.menu-other-container .menu li:last-child{border-bottom:0}header li:last-child{margin-right:0}.menu-services-container .menu li:first-child,.menu-other-container .menu li:first-child{padding-top:0}.container{width:90%;margin-left:auto;margin-right:auto;position:relative}.container-padding{padding-top:96px;padding-bottom:96px}.small-width{max-width:800px}.large-width{max-width:1200px}.x-large-width{max-width:1350px}.center{text-align:center}.left{text-align:left}.article img{margin-left:auto;margin-right:auto;display:block}.project-detail-image{border:1px solid #0003;border-radius:10px;margin-bottom:60px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #00000014}a{color:#272b3e;text-underline-offset:3px;-webkit-text-decoration:underline #ffcc5f;text-decoration:underline #ffcc5f;text-decoration-thickness:2px;transition:all .3s ease-in-out}a:hover,.selected{-webkit-text-decoration-color:#272b3e;text-decoration-color:#272b3e}.button,button{color:#272b3e;text-align:center;background-color:#ffcc5f;border:0;border-radius:35px;width:auto;padding:12px 40px;font-size:1.125rem;font-weight:400;text-decoration:none;display:inline-block}.button-outlined{color:#ffcc5f;text-align:center;background-color:#272b3e;border:3px solid #272b3e;border-radius:35px;width:auto;padding:12px 40px;font-size:1.125rem;font-weight:400;text-decoration:none;display:inline-block}.button-group .button{margin-bottom:20px;margin-right:10px}@media screen and (min-width:75rem){.button-group .button{margin-bottom:0;margin-right:10px}}.button-group .button:last-of-type{margin-right:0}input[type=submit]{color:#272b3e;text-align:center;background-color:#ffcc5f;border:0;border-radius:35px;width:auto;margin-top:36px;padding:12px 30px;font-size:1.125rem;text-decoration:none}.button:hover,button:hover,button:focus{cursor:pointer;color:#ffcc5f;background-color:#272b3e;text-decoration:none}.button-outlined:hover{color:#272b3e;background-color:#0000;border:3px solid #272b3e}input[type=submit]:hover,input[type=submit]:focus{cursor:pointer;color:#ffcc5f;background-color:#272b3e;border:0;text-decoration:none}h1,h2,h3,h4{color:#272b3e;line-height:1.3;position:relative}h1{margin-bottom:24px;font-size:2.02729rem;font-weight:500}.blog-heading-h1{margin-bottom:12px;line-height:1.1}.homepage-title{margin-bottom:24px;font-size:2.56578rem;font-weight:500;line-height:1.1;display:block;position:relative}@media screen and (min-width:75rem){h1{font-size:2.2807rem}.homepage-title{font-size:3.24732rem}}.current-menu-item a,.current-menu-parent a{color:#272b3e;-webkit-text-decoration-color:#272b3e;text-decoration-color:#272b3e}h2{margin-bottom:24px;font-size:1.5102rem;font-weight:400}.blog-heading-h2{font-size:1.26563rem}h3{margin-bottom:12px;font-size:1.26563rem;font-weight:400}p{margin-bottom:24px;font-size:1.06066rem}.bold-opening-paragraph p:first-of-type{font-weight:500}ul{margin-bottom:24px;padding-left:24px;list-style:inside}li{font-size:1.06066rem;list-style-position:outside;display:list-item}cite:before{content:"";background-color:#5a5a5a1a;border-radius:35px;width:100px;height:5px;margin-top:18px;margin-bottom:18px;display:block}cite{color:#272b3e;font-weight:400;display:block}.services-title-border:after{content:"";background-color:#5a5a5a33;width:auto;height:1px;margin-top:12px;margin-bottom:12px;display:block}label{display:inline-block}.list-image{display:block}img{max-width:100%;height:auto;margin:0;padding:0;display:block;position:relative}.paging{margin-top:24px}.post-categories{margin-bottom:0}.hide{display:none}.individual-testimonial{max-width:960px;margin-left:auto;margin-right:auto}.individual-testimonial blockquote{max-width:50ch;font-size:1.26563rem}.testimonial-quote{font-size:1.06066rem}.logo{display:none}.site-logo,.site-logo-footer{width:60px;height:60px;display:block}.site-logo-footer{margin-bottom:12px}.image-link{display:block;position:relative}.copyright{color:#272b3e;font-size:.888889rem;display:block}.button-margin-top{margin-top:36px}.card{background-color:#fff;border:1px solid #0000001a;border-radius:10px;padding:36px;position:relative;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #00000014}.portfolio-card{background-color:#fff;border-radius:10px;transition:all .3s;position:relative;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #00000014}.portfolio-card img,.card-border{border-radius:10px}@media screen and (min-width:75rem){.portfolio-card:nth-last-child(-n+3){margin-bottom:0}}.circular-image{border-radius:100%;width:70%;margin-left:auto;margin-right:auto}@media screen and (min-width:50rem){.circular-image{width:100%;margin-top:0}}header{padding-top:36px;padding-bottom:36px}footer{padding-top:48px;padding-bottom:48px}.footer-heading{margin-bottom:18px;font-size:1.26563rem}.header-navigation{text-align:center}.grid-2,.grid-3,.grid-12{display:grid}.grid-gap-medium{gap:24px}.grid-gap-large{gap:36px}.grid-gap-x-large{gap:48px}.grid-gap-2-x-large{gap:96px}@media screen and (min-width:50rem){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-12{grid-template-columns:repeat(12,1fr)}.grid-item-4{grid-column:span 4}.grid-item-6{grid-column:span 6}.grid-item-7{grid-column:span 7}.grid-item-8{grid-column:span 8}}.card-border{border:1px solid #0003}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search],input[type=textarea]{-webkit-appearance:none;background-color:#0000;font-family:Alexandria,sans-serif;font-size:1rem}strong{font-weight:500}.cat-link{margin-bottom:0;padding:0;text-decoration:none;list-style-type:none}.cat-link li{padding-top:8px;padding-bottom:8px;display:block}.cat-link li:first-of-type{padding-top:0}.menu{margin:0;padding:0}.menu-header-container{display:block}.menu-header-container .menu li{text-align:center;padding-left:0;font-size:1.26563rem;font-weight:400;list-style-type:none}.menu-header-container .menu li a{text-decoration:none}.post-categories{margin:0;padding:0}.post-categories li:first-child{padding-left:0}.post-categories li{margin-right:12px;list-style-type:none;display:inline-block}.post-categories li:last-child{margin-right:0}.wp-caption-text{max-width:100%}.hero p{max-width:50ch;font-size:1.26563rem}.hero p:last-of-type{margin-bottom:36px}.page-meta p{max-width:50ch;margin-left:auto;margin-right:auto;font-size:1.26563rem;font-weight:400}.page-meta{text-align:center;max-width:960px;margin-bottom:48px;margin-left:auto;margin-right:auto}.page-meta-services{text-align:left}.required-error,label{margin-top:14px;font-family:Alexandria,sans-serif}.wpcf7-form-control{color:#272b3e;-webkit-appearance:none;background-color:#0000;border:3px solid #0000001a;width:100%;padding:12px;font-family:Alexandria,sans-serif;font-size:1rem;display:block}.wpcf7-checkbox{border:0;padding:0}.wpcf7-checkbox label{color:#272b3e}.wpcf7-list-item{margin-left:0;display:block}.wpcf7-list-item label{margin-top:0;margin-bottom:0}textarea{resize:none}.wpcf7-not-valid-tip,.wpcf7-response-output,.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output,.wpcf7 form .wpcf7-response-output{color:#272b3e;background-color:#ffcc5f;border:0;margin-left:0;margin-right:0;padding:14px;font-family:Alexandria,sans-serif;display:block}.wpcf7-spinner{background-color:#272b3e;margin-top:24px}.icons{opacity:.5;width:30px;height:30px;transition:all .2s ease-in-out}.icons:hover{opacity:1}figure{margin:0;padding:0}.single-project-column p:last-of-type{margin-bottom:0}.list-date{margin-bottom:18px;display:block}.date{font-size:1rem}.card p:last-of-type{margin-bottom:0}.service-icons{height:55px;margin-bottom:5px}.single-blog-meta{border-bottom:1px solid #272b3e33;margin-bottom:24px;padding-bottom:24px}.single-project-title{margin-bottom:18px}.blog-title{margin-bottom:12px}.flex-layout{flex-flow:wrap;justify-content:space-between;display:flex}.flex-column-8,.flex-column-4{width:100%}@media (min-width:50rem){.container-margin-top{margin-top:0}.reverse{flex-flow:row-reverse wrap}.flex-column-8{flex-basis:62%}.flex-column-4{flex-basis:30%}.flex-column-5{flex-basis:48%}}.border-bottom{border-bottom:1px solid #272b3e33}.border-top{border-top:1px solid #272b3e33}.hero .button{min-width:200px}.project-summary-details{padding-top:18px;padding-right:18px}.project-summary-details p{margin-bottom:0}.summary-details h3{margin-bottom:5px}.project-description{max-width:960px;margin-left:auto;margin-right:auto}.project-description p:last-of-type{margin-bottom:0}.vertical-align-center{align-items:center}.vertical-align-self{align-self:center}.faded-blue-bg{background-color:#00000005}.yellow-bg{background-color:#ffcc5f}.footer-email{margin-bottom:16px}.quotation-mark:before{width:35px;margin-bottom:8px;display:block}.footer-extra-spacing{margin-top:48px;margin-bottom:48px}svg.quote,svg.jrd-logo,svg.web-design-icon,svg.logo-design-icon,svg.website-maintenance-icon,svg.web-design-consultancy-icon{fill:#ffcc5f;width:auto}svg.linkedin-icon,svg.instagram-icon{fill:#5a5a5a80;transition:all .3s ease-in-out}svg.linkedin-icon:hover,svg.instagram-icon:hover{fill:#5a5a5a}svg.quote{margin-bottom:5px}cite span{display:block}.web-design-stockport{color:#5a5a5a;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;font-size:.888889rem;display:block}.rounded-image-corners{border-radius:8px}.menu .sub-menu{margin-top:0;margin-bottom:0;padding-left:0}.menu .sub-menu li{padding-top:0;padding-bottom:0}.carbon-notice{text-wrap:balance;max-width:80ch;font-size:.888889rem}.jrd-logo{width:60px;height:60px}a.back-to-top{cursor:pointer;z-index:5;color:#fff;background:#fff;border:2px solid #272b3e;border-radius:50%;align-self:center;align-items:center;padding:8px;transition:background-color .5s;display:inline-flex;position:fixed;bottom:50px;right:30px}a.back-to-top:before{content:"";border-top:6px solid #272b3e;border-right:6px solid #272b3e;width:10px;height:10px;display:block;transform:rotate(-45deg)translate(-3px,3px)}@media screen and (min-width:81.25rem){a.back-to-top:before{width:16px;height:16px}}.back-to-top .screen-reader-text{display:none}input:focus,textarea:focus{border:3px solid #ffcc5f}.call-to-action p{margin-left:auto;margin-right:auto;font-size:1.125rem}.call-to-action-header{margin-bottom:12px}.call-to-action ul{padding-left:0}.call-to-action ul li{font-size:1.125rem;list-style-type:none}svg.profile-pane-icon{display:none}.project-image-container{max-width:960px;margin-left:auto;margin-right:auto}.icon-link{display:block}@media (max-width:81.188rem){.main-nav-toggle{cursor:pointer;z-index:100;background-color:#ffcc5f;border:2px solid #fff;border-radius:50%;justify-content:center;padding:8px;display:flex;position:fixed;right:30px}.main-nav-toggle.active{background-color:#272b3e;border:2px solid #272b3e}.main-nav-toggle a svg{margin-left:auto;margin-right:auto;display:block}.main-nav-toggle svg{fill:#fff;width:25px;height:auto}.menu-header-container .menu .menu-item-has-children .menu-item a{text-transform:none}.navigation{z-index:50;text-align:center;background-color:#ffcc5f;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;transition:right .8s;display:flex;position:fixed;top:0;right:-100%;overflow:auto}.menu-header-container .menu li:not(.sub-menu li){list-style-type:none}.menu-header-container .menu li a,.menu-header-container .menu .current-menu-item a,.menu-header-container .menu li a:hover{text-decoration:none}.navigation.active{right:0}.menu-header-container .sub-menu{display:none}.menu-header-container .active>.sub-menu{animation:.5s forwards fade-in;display:block}.menu-header-container .sub-menu li{font-size:1rem;font-weight:300;list-style-type:none}.menu-header-container .menu{margin-bottom:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}@media screen and (min-width:81.25rem){.header{grid-template-columns:70px 1fr;align-items:center;display:grid}.header-navigation{grid-column:2;justify-content:flex-end;align-items:center;margin:0;padding:0;list-style-type:none;display:flex}.menu-header-container .menu li{border-bottom:0;width:auto;margin-bottom:0;margin-right:14px;padding-top:0;padding-bottom:0;font-size:1.26563rem}.menu-header-container .menu li:last-child{margin-right:0}.menu-header-container .menu li.menu-item-534{padding-left:15px;padding-right:0}.main-nav-toggle{display:none}.menu-header-container .menu li:last-child{margin-top:0}.menu-header-container .menu{flex-flow:wrap;align-items:center;margin:0;padding:0;display:flex}.menu .sub-menu li:first-child{border-top:0;padding-top:0}.menu .sub-menu li:last-child{padding-bottom:0}.menu-header-container .menu li{padding-top:5px;padding-left:15px;padding-right:15px}.menu .sub-menu{z-index:100;margin:0;padding:0;list-style-type:none;display:none;position:absolute}.menu .sub-menu li{color:#272b3e;text-align:left;margin:0;padding:8px 8px 8px 0;font-size:1rem;font-weight:300;display:list-item;position:relative}.menu .sub-menu li:last-child{border-bottom:0}.menu li:hover>.sub-menu{display:inherit;background-color:#ffcc5f;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-top:0;margin-left:-15px;padding:20px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #00000014}.menu .sub-menu li a{display:block}.menu-item-has-children:hover{background-color:#ffcc5f;border-top-left-radius:10px;border-top-right-radius:10px}.menu-item-has-children:hover a,.menu-item-has-children:hover a:hover,.menu-header-container .menu .menu-item-has-children a:hover{color:#272b3e}.menu-button a{color:#272b3e;background-color:#ffcc5f;border-radius:35px;padding:10px 22px}.menu-button a:hover{background-color:#272b3e}.menu-header-container .menu li a:hover,.menu-other-container .menu li a:hover,.footer-link:hover{color:#ffcc5f}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.cta-web{background-image:url(/wp-content/themes/johnrobinsondesign/cta-web-background.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.cta-branding{background-image:url(/wp-content/themes/johnrobinsondesign/cta-branding-background.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.cta-maintenance{background-image:url(/wp-content/themes/johnrobinsondesign/cta-maintenance-background.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.cta-consultancy{background-image:url(/wp-content/themes/johnrobinsondesign/cta-consultancy-background.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.cta-default{background-image:url(/wp-content/themes/johnrobinsondesign/cta-default-background.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}