/* CSS for use on backend page builder as well as fontend
---------------------------------------------------------- */
 /* Layout
--------------------------------------------- */
 
 .row {
     margin-right: -15px;
     margin-left: -15px;
 }
 
 @media (min-width: 662px) {
     .row {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     }
 }
 
 .no-gutters {
     margin-right: 0;
     margin-left: 0;
 }
 
 .no-gutters>.col,
 .no-gutters>[class*="col-"] {
     padding-right: 0;
     padding-left: 0;
 }
 
 .col-1,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-10,
 .col-11,
 .col-12,
 .col-1-xs,
 .col-2-xs,
 .col-3-xs,
 .col-4-xs,
 .col-5-xs,
 .col-6-xs,
 .col-7-xs,
 .col-8-xs,
 .col-9-xs,
 .col-10-xs,
 .col-11-xs,
 .col-12-xs,
 .col-twothirds,
 .col {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
     margin-bottom: 30px;
     box-sizing: border-box;
 }
 
 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
 }
 
 .col-auto {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: none;
 }
 
 .col-2-xs,
 .col-3-xs,
 .col-4-xs,
 .col-5-xs,
 .col-6-xs,
 .col-7-xs,
 .col-8-xs,
 .col-9-xs,
 .col-10-xs,
 .col-11-xs,
 .col-12-xs {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
 }
 
 @media (min-width: 662px) {
     .col-3,
     .col-4,
     .col-5,
     .col-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
 }
 
 @media (min-width: 992px) {
     .col-1,
     .col-1-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
     }
     .col-2,
     .col-2-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .col-3,
     .col-3-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.3333333333%;
         flex: 0 0 33.3333333333%;
         max-width: 33.3333333333%;
     }
     .col-4,
     .col-4-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
     }
     .col-5,
     .col-5-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
     }
     .col-6,
     .col-6-xs {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.66666666%;
         flex: 0 0 16.66666666;
         max-width: 16.66666666;
     }
     .col-twothirds {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.66666666%;
         flex: 0 0 66.66666666%;
         max-width: 66.66666666%;
     }
 }
 
 .row.rowreverse {
     flex-direction: row-reverse;
 }
 
 .acf-block-preview {
     min-height: 300px;
 }
 
 .empty-block {
     background-color: rgb(92, 176, 179);
     min-height: 100px;
     position: relative;
 }
 
 .empty-block:before {
     content: "";
     border: dashed 4px #fff;
     border-radius: 10px;
     position: absolute;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
 }
 
 .editblock {
     padding: 60px;
     background-color: #f5f5f5;
     width: 100%;
     text-align: center;
     color: #000;
     border: dashed 1px #e0e0e0;
     margin: 30px;
     cursor: pointer;
 }
 
 .acf-block-component {
     width: 100%;
     clear: both !important;
     display: block;
     float: none !important;
 }
 /* Customise buttons
--------------------------------------------- */
 
 button,
 .button,
 .nav-button a,
 .wp-block-button__link {
     position: relative;
     overflow: hidden;
     font-size: 14px;
     padding: 7px 30px;
     border-radius: 30px;
     background: transparent;
     color: #000;
     border: 1px solid #327CA4;
 }
 
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     position: relative;
     overflow: hidden;
     font-size: 16px;
     padding: 15px 30px;
     border-radius: 30px;
     border-radius: 30px;
     background: transparent;
     color: #000;
     border: 1px solid #EC942E;
 }
 
 .cta_image_tall .button,
 .large .button,
 .large .wp-block-button__link {
     padding: 17px 36px;
     border-width: 2px;
     font-size: 24px;
     line-height: 1.2em;
     border-radius: 50px;
 }
 
 .block-button {
     display: inline-block;
     margin: 15px auto;
 }
 
 .align-center {
     text-align: center;
 }
 
 .wp-block-button__link:active,
 .wp-block-button__link:focus,
 .wp-block-button__link:hover,
 .wp-block-button__link:visited {
     color: #000;
 }
 
 button:hover,
 .button:hover,
 .nav-button a:hover,
 button:focus,
 .button:focus,
 button:active,
 .button:active,
 .wp-block-button__link:not(.has-text-color):hover {
     background: #327CA4;
     color: #fff;
 }
 
 input[type="button"]:hover,
 input[type="reset"]:hover,
 input[type="submit"]:hover,
 input[type="button"]:focus,
 input[type="reset"]:focus,
 input[type="submit"]:focus,
 input[type="button"]:active,
 input[type="reset"]:active,
 input[type="submit"]:active {
     background: #EC942E;
     color: #fff;
 }
 
 .wp-block-button__link:hover {
     background: #327CA4;
 }
 /* Testimonials
--------------------------------------------- */
 
 .testimonial,
 blockquote.wp-block-quote {
     margin-bottom: 30px;
     width: 100%;
     padding: 30px;
     background-color: #fff;
     margin: 30px auto 30px auto;
     width: 80%;
     max-width: 1024px;
     filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
 }
 
 .location-directions+.testimonials {
     margin: -30px auto 30px auto;
 }
 
 .testimonial-image {
     width: 180px;
     height: 180px;
     border-radius: 90px;
     overflow: hidden;
     margin: 30px auto;
 }
 
 @media (min-width: 768px) {
     .location-directions+.testimonials {
         margin: -60px auto 60px auto;
     }
     .testimonial {
         margin-bottom: 30px;
         display: flex;
         gap: 30px;
         justify-content: center;
         background-color: #fff;
     }
     .testimonial-image {
         border-radius: 90px;
         overflow: hidden;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 180px;
         flex: 0 0 180px;
         margin: 0;
     }
 }
 
 @media (min-width: 992px) {
     .testimonial,
     blockquote.wp-block-quote {
         padding: 60px;
         margin: 60px auto;
     }
 }
 
 @media (min-width: 1280px) {
     .testimonial {
         gap: 60px;
     }
     .testimonial,
     blockquote.wp-block-quote {
         padding: 60px;
         margin: 120px auto 120px auto;
     }
 }
 /* People Profiles
--------------------------------------------- */
 
 .block-people {
     margin: 60px 0;
 }
 
 .profile-contact p {
     margin: 0;
 }
 
 .profile-contact p a {
     text-decoration: none;
 }
 
 .profile-contact p a:hover {
     text-decoration: underline;
 }
 
 .profile-title {
     margin-bottom: 30px;
 }
 
 .sigle-profile-role {
     margin-bottom: 15px;
 }
 
 .author-avatar {
     display: inline-block;
     margin: 0 0 15px 0;
     border-radius: 150px;
     overflow: hidden;
 }
 
 .author {
     margin-bottom: 30px;
 }
 
 .author-avatar {
     margin-top: 5px;
 }
 
 .author a:hover {
     text-decoration: underline;
 }
 
 .profile-role+.profile-department::before {
     content: ", ";
 }
 
 .profile-email a {
     color: #000;
 }
 
 .profile-readmore {
     margin-top: 15px;
 }
 
 .author-title {
     margin-bottom: 0;
 }
 
 .author-avatar img {
     min-width: 180px;
 }
 
 @media screen and (min-width: 900px) {
     .author-avatar {
         display: inline-block;
         margin: 0 30px 0 0;
         flex: 0 0 auto;
     }
     .author {
         display: flex;
         align-items: flex-start;
         margin-bottom: 30px;
     }
     .profile-header {
         display: flex;
         margin: 60px 0;
     }
     .profile-image {
         border-radius: 400px;
         overflow: hidden;
         display: inline-block;
         max-width: 240px;
         margin-right: 60px;
     }
 }
 /* CTAs
--------------------------------------------- */
 
 .cta-copy {
     padding: 30px;
     background: #fff;
     filter: drop-shadow(0px 9px 32px rgba(0, 0, 0, 0.16));
 }
 
 .ctasplit {
     margin-top: 30px;
     margin-bottom: 30px;
     position: relative;
     width: 100%;
 }
 
 .cta_image_small {
     max-width: 600px;
     margin-top: 90px;
     margin-left: auto;
     margin-right: auto;
 }
 
 .cta_image_left .cta-copy h2,
 .cta_image_right .cta-copy h2,
 .cta_image_small .cta-copy h2 {
     font-size: 32px
 }
 
 .cta-link-empty {
     display: block;
     padding-bottom: 30px;
 }
 
 @media (min-width: 736px) {
     .cta_image_tall .cta-image+.cta-copy {
         margin: 0 auto;
         width: 80%;
         padding: 50px 60px 0 60px;
         margin-bottom: 97px;
     }
     .cta_image_tall .cta-image+.cta-copy {
         margin-top: -50px;
     }
     .cta_image_tall .cta-text,
     .cta_image_tall .cta-text li,
     .cta_image_wide .cta-text li,
     .cta_image_tall .cta-text p,
     .cta_image_wide .cta-text p {
         font-size: 24px;
         max-width: 100%;
     }
     .cta_image_tall .cta-link {
         margin-top: 30px;
         text-align: center;
     }
     .cta_image_tall .cta-link a {
         margin-bottom: -40px;
         padding: 17px 36px;
         border-width: 2px;
         font-size: 24px;
         line-height: 1.2em;
         border-radius: 50px;
     }
     .cta_image_tall {
         width: 80%;
         margin: 30px auto 97px;
         max-width: 1024px;
     }
     .cta_image_wide .cta-copy {
         margin: -120px auto 0;
         width: 80%;
         padding: 30px;
     }
     .cta_image_small .cta-copy {
         margin: -50px auto 0;
         width: calc(100% - 60px);
     }
     .cta_image_left,
     .cta_image_right {
         margin: 30px auto 60px;
         width: 90%;
         max-width: 1024px;
         display: flex;
         align-items: flex-start;
     }
     .cta_image_left .cta-copy,
     .cta_image_right .cta-copy {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 40%;
         flex: 0 0 40%;
         max-width: 40%;
         margin-top: 60px;
     }
     .cta_image_left .cta-image,
     .cta_image_right .cta-image {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 70%;
         flex: 0 0 70%;
         max-width: 70%;
     }
     .cta_image_right {
         flex-direction: row-reverse;
     }
     .cta_image_right .cta-copy {
         margin-right: -10%;
     }
     .cta_image_left .cta-copy {
         margin-left: -10%;
     }
 }
 
 @media (min-width: 1280px) {
     .cta_image_tall .cta-copy {
         padding: 100px 100px 0 100px;
         margin-bottom: 100px
     }
 }
 
 .cta-meta {
     margin-bottom: 30px;
     line-height: 1.5em;
 }
 
 .cta-meta a {
     color: #000;
 }
 
 .cta-meta a:hover {
     color: #f64c86;
 }
 
 .cta-meta span {
     display: inline-block;
     margin-right: 10px;
     padding-right: 10px;
     border-right: solid 1px #000;
 }
 
 .cta-meta span:last-child {
     border-right: none;
 }
 /* Featured Studios
--------------------------------------------- */
 
 .featured-studio {
     background: #fff;
     box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
     margin-bottom: 45px;
 }
 
 .featured-studio-summary {
     padding: 30px;
 }
 
 .featured-studio-excerpt p {
     font-size: 24px;
     max-width: 100%;
 }
 
 .featured-studio-image {
     background-size: cover;
     background-position: center;
 }
 
 .featured-studio-image img {
     opacity: 0;
 }
 
 @media (min-width: 992px) {
     .featured-studio {
         display: flex;
     }
     .featured-studio-image {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
     }
     .featured-studio-summary {
         display: flex;
     }
     .featured-studio-copy {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666666%;
         flex: 0 0 66.666666%;
         max-width: 66.666666%;
         padding-right: 15px;
     }
     .featured-studio-meta {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
         padding-left: 15px;
         padding-top: 30px;
         border-left: solid 1px #707070;
     }
 }
 /* Stats
--------------------------------------------- */
 
 .stats {
     padding: 30px;
     font-size: 47px;
 }
 
 @media (min-width: 992px) {
     .stats {
         padding: 60px;
         font-size: 99px;
     }
 }
 /* Latest Projects
--------------------------------------------- */
 
 .wp-block-latestproject {
     position: relative;
     margin-top: 60px;
     overflow: visible;
 }
 /* Custom Colours
--------------------------------------------- */
 /* White */
 
 .has-white-background-color {
     background-color: #ffffff;
 }
 
 .has-white-color {
     color: #ffffff;
 }
 
 .has-white-color.wp-block-button__link {
     color: #ffffff;
 }
 
 .has-white-color.wp-block-button__link:hover {
     color: #ffffff;
 }
 
 .has-white-background-color {
     background-color: #ffffff;
 }
 
 .has-white-color {
     color: #ffffff;
 }
 
 .has-white-color.wp-block-button__link {
     color: #ffffff;
 }
 
 .has-white-color.wp-block-button__link:hover {
     color: #ffffff;
 }
 /* #f7f7f7 */
 
 .has-lgrey-background-color {
     background-color: #f7f7f7;
 }
 
 .has-lgrey-color {
     color: #f7f7f7;
 }
 
 .has-lgrey-color.wp-block-button__link {
     color: #f7f7f7;
 }
 
 .has-lgrey-color.wp-block-button__link:hover {
     color: #f7f7f7;
 }
 
 .has-lgrey-background-color {
     background-color: #f7f7f7;
 }
 
 .has-lgrey-color {
     color: #f7f7f7;
 }
 /* #efeeec */
 
 .has-mgrey-background-color {
     background-color: #efeeec;
 }
 
 .has-mgrey-color {
     color: #efeeec;
 }
 
 .has-mgrey-color.wp-block-button__link {
     color: #efeeec;
 }
 
 .has-mgrey-color.wp-block-button__link:hover {
     color: #efeeec;
 }
 
 .has-mgrey-background-color {
     background-color: #efeeec;
 }
 
 .has-mgrey-color {
     color: #efeeec;
 }
 /* #000000 */
 
 .has-black-background-color {
     background-color: #000000;
     color: #Fff;
 }
 
 .has-black-color {
     color: #000000;
 }
 
 .has-black-color.wp-block-button__link {
     color: #000000;
 }
 
 .has-black-color.wp-block-button__link:hover {
     color: #000000;
 }
 
 .has-black-background-color {
     background-color: #000000;
 }
 
 .has-black-color {
     color: #000000;
 }
 
 .has-black-color.wp-block-button__link {
     color: #000000;
 }
 
 .has-black-color.wp-block-button__link:hover {
     color: #000000;
 }
 /* #327ca4 */
 
 .has-blue-background-color {
     background-color: #327ca4;
     color: #Fff;
 }
 
 .has-link-blue-color a,
 .has-blue-color {
     color: #327ca4;
 }
 
 .has-blue-color.wp-block-button__link {
     color: #327ca4;
 }
 
 .has-blue-color.has-white-background-color.wp-block-button__link:hover {
     background-color: #327ca4 !important;
     color: #fff;
     border-color: #fff;
 }
 
 .has-blue-color.wp-block-button__link:hover {
     color: #327ca4;
 }
 
 .has-blue-background-color {
     background-color: #327ca4;
 }
 
 .has-blue-color.wp-block-button__link {
     color: #327ca4;
 }
 
 .has-blue-color.wp-block-button__link:hover {
     color: #327ca4;
 }
 
 a.wp-block-button__link.has-blue-background-color {
     background-color: #fff;
     color: #000000 !important;
     border-color: #327ca4;
 }
 
 .large a.wp-block-button__link.has-blue-background-color {
     color: #327ca4;
 }
 
 .is-style-outline>.has-blue-color.wp-block-button__link,
 .has-blue-color.wp-block-button__link.is-style-outline {
     border-color: #327ca4;
 }
 
 .is-style-outline>.has-blue-color.wp-block-button__link:hover,
 .has-blue-color.wp-block-button__link.is-style-outline:hover {
     background-color: #327ca4;
     color: #fff !important;
 }
 
 .cta_image_tall a.wp-block-button__link.has-blue-background-color,
 .large a.wp-block-button__link.has-blue-background-color {
     color: #327ca4;
 }
 /* #536a42 */
 
 .has-green-background-color {
     background-color: #536a42;
     color: #fff;
 }
 
 .has-link-green-color a,
 .has-green-color {
     color: #536a42;
 }
 
 .has-green-color.wp-block-button__link {
     color: #536a42;
 }
 
 .has-green-color.wp-block-button__link:hover {
     color: #536a42;
 }
 
 .has-green-background-color {
     background-color: #536a42;
 }
 
 .has-green-color {
     color: #536a42;
 }
 
 .has-green-color.wp-block-button__link {
     color: #536a42;
     border-color: #536a42;
 }
 
 .has-green-color.wp-block-button__link:hover,
 .has-green-color.has-white-background-color.wp-block-button__link:hover {
     background-color: #536a42 !important;
     color: #fff;
     border-color: #fff;
 }
 
 .is-style-outline>.has-green-color.wp-block-button__link,
 .has-green-color.wp-block-button__link.is-style-outline {
     border-color: #536a42;
 }
 
 .is-style-outline>.has-green-color.wp-block-button__link:hover,
 .has-green-color.wp-block-button__link.is-style-outline:hover {
     background-color: #536a42;
     color: #fff !important;
 }
 
 a.wp-block-button__link.has-green-background-color {
     background-color: #fff;
     color: #000000 !important;
     border-color: #536a42;
 }
 
 a.wp-block-button__link.has-green-background-color:hover {
     color: #536a42;
 }
 
 .cta_image_tall a.wp-block-button__link.has-green-background-color,
 .large a.wp-block-button__link.has-green-background-color {
     color: #536a42;
     border-color: #536a42;
 }
 /* #f64c86 */
 
 .has-red-background-color {
     background-color: #f64c86;
     color: #Fff;
 }
 
 .has-red-color {
     color: #f64c86;
 }
 
 .has-red-color.wp-block-button__link {
     color: #f64c86;
 }
 
 .has-red-color.wp-block-button__link:hover {
     color: #f64c86;
 }
 
 .has-red-background-color {
     background-color: #f64c86;
 }
 
 .has-link-red-color a,
 .has-red-color {
     color: #f64c86;
 }
 
 .has-red-color.wp-block-button__link {
     color: #f64c86;
     border-color: #f64c86;
 }
 
 .has-red-color.wp-block-button__link:hover,
 .has-red-color.has-white-background-color.wp-block-button__link:hover {
     background-color: #f64c86 !important;
     color: #fff;
     border-color: #fff;
 }
 
 .has-red-color.wp-block-button__link:hover {
     color: #f64c86;
 }
 
 .is-style-outline>.has-red-color.wp-block-button__link,
 .has-red-color.wp-block-button__link.is-style-outline {
     border-color: #f64c86;
 }
 
 .is-style-outline>.has-red-color.wp-block-button__link:hover,
 .has-red-color.wp-block-button__link.is-style-outline:hover {
     background-color: #f64c86;
     color: #fff !important;
 }
 
 a.wp-block-button__link.has-red-background-color {
     background-color: #fff;
     color: #000000 !important;
     border-color: #f64c86;
 }
 
 a.wp-block-button__link.has-red-background-color:hover {
     background-color: #f64c86;
     color: #fff !important;
 }
 
 .cta_image_tall a.wp-block-button__link.has-red-background-color,
 .large a.wp-block-button__link.has-red-background-color {
     color: #f64c86;
     border-color: #f64c86;
 }
 /* #ec942e */
 
 .has-orange-background-color {
     background-color: #ec942e;
     color: #Fff;
 }
 
 .has-orange-color,
 .has-link-orange-color a {
     color: #ec942e;
 }
 
 .has-orange-color.wp-block-button__link {
     color: #ec942e;
 }
 
 .has-orange-color.wp-block-button__link:hover {
     color: #ec942e;
 }
 
 .has-orange-background-color {
     background-color: #ec942e;
 }
 
 .has-orange-color {
     color: #ec942e;
 }
 
 .has-orange-color.wp-block-button__link {
     color: #ec942e;
     border-color: #ec942e;
 }
 
 .has-orange-color.wp-block-button__link:hover,
 .has-orange-color.has-white-background-color.wp-block-button__link:hover {
     background-color: #ec942e !important;
     color: #fff;
     border-color: #fff;
 }
 
 .has-orange-color.wp-block-button__link:hover {
     color: #ec942e;
 }
 
 .is-style-outline>.has-orange-color.wp-block-button__link,
 .has-orange-color.wp-block-button__link.is-style-outline {
     border-color: #ec942e;
 }
 
 .is-style-outline>.has-orange-color.wp-block-button__link:hover,
 .has-orange-color.wp-block-button__link.is-style-outline:hover {
     background-color: #ec942e;
     color: #fff !important;
 }
 
 .wp-block-button__link.has-orange-background-color,
 a.wp-block-button__link.has-orange-background-color {
     background-color: #ec942e;
     color: #000000 !important;
     border-color: #ec942e;
 }
 
 a.wp-block-button__link.has-orange-background-color:hover,
 a.wp-block-button__link.has-orange-background-color:hover {
     background-color: #ec942e;
     color: #000;
 }
 
 .wp-block-button__link.has-orange-background-color,
 a.wp-block-button__link.has-orange-background-color {
     background-color: #fff;
     color: #000000;
     border-color: #ec942e;
 }
 
 .wp-block-button__link.has-orange-background-color:hover,
 a.wp-block-button__link.has-orange-background-color:hover {
     background-color: #ec942e;
     color: #fff !important;
 }
 
 .cta_image_tall a.wp-block-button__link.has-orange-background-color,
 .large a.wp-block-button__link.has-orange-background-color {
     color: #ec942e;
 }
 /* Video fixes
--------------------------------------------- */
 
 .video-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
     max-width: calc(calc(100vh - 230px) * 1.777);
     margin: 0 auto;
 }
 
 .video-container iframe,
 .video-container object,
 .video-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }