.elementor-kit-5{--e-global-color-primary:#1E1E21;--e-global-color-secondary:#F5F3EE;--e-global-color-text:#1E1E21;--e-global-color-accent:#D34444;--e-global-color-9eb0732:#6F732F;--e-global-color-a038062:#22333B;--e-global-color-c54c022:#0A0908;--e-global-color-faf76f3:#F2F4F3;--e-global-color-1d1dd74:#F2F4F354;--e-global-color-810916c:#FFBCB5;--e-global-color-cf99633:#F2E5D7;--e-global-color-8088afe:#BB4430;--e-global-color-8732501:#2BA84A;--e-global-color-9334830:#EDB230;--e-global-color-4bd3516:#2466AE;--e-global-color-b21d7d2:#352429;--e-global-color-a9f9546:#fb4c22;--e-global-color-fee81db:#786766;--e-global-color-53263d5:#F2F0ED;--e-global-color-93216e6:#FFFFFF05;--e-global-color-2e4cf12:#FFFFFF00;--e-global-color-1c3b244:#D6D6D6;--e-global-color-b14cf23:#E7E7E6;--e-global-color-3e1c68b:#FFD305;--e-global-color-5bb8cd1:#7E7E7E2B;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.25;--e-global-typography-text-letter-spacing:0.01em;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-letter-spacing:0.01em;--e-global-typography-bcc4269-font-size:1.2rem;--e-global-typography-bcc4269-font-weight:400;--e-global-typography-bcc4269-letter-spacing:0.01em;--e-global-typography-1bebb56-font-size:1.4rem;--e-global-typography-1bebb56-font-weight:600;--e-global-typography-1bebb56-line-height:1.2em;--e-global-typography-1bebb56-letter-spacing:0.01em;--e-global-typography-5cb4fc8-font-size:0.8rem;--e-global-typography-5cb4fc8-font-weight:700;--e-global-typography-5cb4fc8-text-transform:uppercase;--e-global-typography-5cb4fc8-line-height:1em;--e-global-typography-5cb4fc8-letter-spacing:0.125em;--e-global-typography-bbb41e4-font-size:0.8rem;--e-global-typography-bbb41e4-font-weight:800;--e-global-typography-bbb41e4-text-transform:uppercase;--e-global-typography-bbb41e4-letter-spacing:0.125em;--e-global-typography-9e5d501-font-size:clamp(2.8rem, -2.81rem + 7.908vw, 8rem);--e-global-typography-9e5d501-font-weight:400;--e-global-typography-9e5d501-line-height:calc(2px + 2ex + 2px);--e-global-typography-134bd93-font-size:1.6rem;--e-global-typography-134bd93-font-weight:500;--e-global-typography-134bd93-text-transform:uppercase;--e-global-typography-134bd93-letter-spacing:0.02em;--e-global-typography-bf3b57f-font-size:1.1rem;--e-global-typography-bf3b57f-font-weight:400;--e-global-typography-bf3b57f-letter-spacing:0.01em;--e-global-typography-fae4c09-font-size:0.8rem;--e-global-typography-fae4c09-font-weight:400;--e-global-typography-fae4c09-letter-spacing:0.01em;--e-global-typography-da28129-font-size:1.8rem;--e-global-typography-da28129-font-weight:600;--e-global-typography-da28129-letter-spacing:0.01em;--e-global-typography-fb0994b-font-size:clamp(1.8rem, -0.955rem + 3.624vw, 4rem);--e-global-typography-fb0994b-font-weight:400;--e-global-typography-fb0994b-line-height:calc(2px + 2ex + 2px);--e-global-typography-e4e688e-font-size:4rem;--e-global-typography-e4e688e-font-weight:500;--e-global-typography-e4e688e-line-height:1.75ex;--e-global-typography-77b8c98-font-size:25vw;--e-global-typography-77b8c98-font-weight:900;--e-global-typography-77b8c98-line-height:1em;--e-global-typography-07f5ccc-font-size:3.2rem;--e-global-typography-07f5ccc-font-weight:600;--e-global-typography-07f5ccc-line-height:1em;--e-global-typography-1f1dd34-font-size:1.4rem;--e-global-typography-1f1dd34-font-weight:600;--e-global-typography-1f1dd34-line-height:1.2em;--e-global-typography-1f1dd34-letter-spacing:0.01em;--e-global-typography-fa10a43-font-size:1.8rem;--e-global-typography-fa10a43-font-weight:400;--e-global-typography-fa10a43-line-height:1.25;--e-global-typography-fa10a43-letter-spacing:0.01em;--e-global-typography-0963711-font-size:3.2rem;--e-global-typography-0963711-font-weight:400;--e-global-typography-0963711-line-height:calc(2px + 2ex + 2px);--e-global-typography-fb053bc-font-size:1.2rem;--e-global-typography-fb053bc-font-weight:400;--e-global-typography-fb053bc-letter-spacing:0.01em;--e-global-typography-199d521-font-size:clamp(4rem, -4.941rem + 11.765vw, 12rem);--e-global-typography-199d521-font-weight:900;--e-global-typography-199d521-line-height:1em;background-color:var( --e-global-color-secondary );font-family:"CustomFont01", Helvetica Neue, Helvetica, sans-serif;}.elementor-kit-5 h1{font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1880px;}.e-con{--container-max-width:1880px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-secondary );--lightbox-ui-color:var( --e-global-color-a9f9546 );--lightbox-ui-color-hover:var( --e-global-color-fee81db );--lightbox-text-color:var( --e-global-color-primary );--lightbox-header-icons-size:1em;--lightbox-navigation-icons-size:1em;}@media(max-width:1366px){.elementor-kit-5{--e-global-typography-0963711-font-size:2.4rem;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-fae4c09-font-size:1rem;--e-global-typography-e4e688e-font-size:3.2rem;--e-global-typography-07f5ccc-font-size:2.4rem;--e-global-typography-fa10a43-font-size:1.4rem;--e-global-typography-0963711-font-size:2rem;--e-global-typography-fb053bc-font-size:1rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@view-transition {
  navigation: auto;
}

/* Create a custom animation */

@keyframes move-out {
    from {
        /*transform: translateY(0%);*/
        opacity: 1;
        scale: 1;
        filter: blur(0rem);
    }

    to {
        /*transform: translateY(100%);*/
        opacity: 0;
        scale: 1.2;
        filter: blur(8rem);
    }
}

@keyframes move-in {
    0% {
        /*transform: translateY(100%);*/
        opacity: 0;
        scale: 1.4;
        filter: blur(8rem);
    }

    100% {
        /*transform: translateY(0%);*/
        opacity: 1;
        scale: 1;
        filter: blur(0rem);
    }
}

/* Apply the custom animation to the old and new page states */
::view-transition-old(root) {
    animation: 1s ease-in both move-out;
}

html, body {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    transition: margin-top 200ms ease-in-out;
}

.card-counter {
    opacity: .25;
}

body.nav--visible {
    --menu-margin: 0;
}

.elementor-kit-5 {
    --twh-nav-item-color: var(--e-global-color-a9f9546);
    --twh-nav-item-hover-color:var(--e-global-color-a9f9546);
    --twh-nav-items-ornament-width: 6rem;
    --twh-gap-for-nav-items: var(--twh-nav-items-ornament-width);
    
    --twh-logo-context-width: clamp(12rem, 100%, 16ch);
}

.elementor-kit-5:has(.toggle-label input:checked) {
   --e-global-color-text: var(--e-global-color-53263d5);
   --e-global-color-secondary: var(--e-global-color-primary);
   --e-global-color-b21d7d2: var(--e-global-color-53263d5);
   --e-global-color-5bb8cd1: rgba(255,255,255,0.15);
}

.toggle-label input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}

.toggle-label {
  cursor: pointer;
  text-indent: -9999px;
  width: 2rem;
  height: 4rem;
  background: var(--e-global-color-secondary);
  box-shadow: 0 0 0rem 0.1rem var(--e-global-color-text);
  display: block;
  border-radius: 1rem;
  position: relative;
  opacity: 1;
}

.toggle-label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
  background: var(--e-global-color-a9f9546);
  border-radius: 50%;
  transition: 0.3s;
  box-shadow: 0 0.3rem 0.1rem rgba(0,0,0,0.1);
}

.toggle-label:has(input:checked) {
    background: var(--e-global-color-b21d7d2);
    background: var(--e-global-color-primary);
    box-shadow: 0 0 0rem 0.1rem rgba(255,255,255, 0.25);
    opacity: 0.5;
}

.toggle-label:has(input:checked):after {
    /*background: var(--e-global-color-accent);*/
  /*opacity: 0.25;*/
}


.toggle-label:has(input:checked):after {
  /*top: -1rem;*/
  transform: translateY(100%);
}

.toggle-label:active:after {
  height: 2.2rem;
  transform: translateY(-0.2rem);
}

.toggle-label:has(input:checked):active:after {
  height: 2.2rem;
}

.elementor-kit-5 .post__hero {
    display: none;
}

.mx-blend-color { mix-blend-mode: color; }
.mx-blend-color-burn { mix-blend-mode: color-burn; }
.mx-blend-color-dodge { mix-blend-mode: color-dodge; }
.mx-blend-darken { mix-blend-mode: darken; }
.mx-blend-difference { mix-blend-mode: difference; }
.mx-blend-exclusion { mix-blend-mode: exclusion; }
.mx-blend-hard-light { mix-blend-mode: hard-light; }
.mx-blend-hue { mix-blend-mode: hue; }
.mx-blend-lighten { mix-blend-mode: lighten; }
.mx-blend-luminosity { mix-blend-mode: luminosity; }
.mx-blend-multiply { mix-blend-mode: multiply; }
.mx-blend-overlay { mix-blend-mode: overlay; }
.mx-blend-saturation { mix-blend-mode: saturation; }
.mx-blend-screen { mix-blend-mode: screen; }
.mx-blend-soft-light { mix-blend-mode: soft-light; }
.mx-blend-normal { mix-blend-mode: normal; }

.elementor-kit-5 .elementor-widget-text-editor.tcss_ff-serif p {
    max-width: 85ch;
}

.elementor-kit-5 .elementor-widget-text-editor.tcss_ff-serif p {
    max-width: 85ch;
    font-family: "Sorts Mill Goudy",  CustomFont01, "Helvetica Neue", Helvetica, sans-serif;
}

.elementor-kit-5 .twh_project_taxon a {
    display: block;
}

@media only screen and (min-width: 768px) {
.elementor-kit-5 .twh_project_taxon a {
    text-align: right;
}
}

.elementor-kit-5 .elementor-video .media-controls-container::part {
    opacity: 0;
}


/*

Text decoration underlines

*/

/*.elementor-kit-5 .elementor-widget-text-editor em {*/
/*    font-style: normal;*/
/*text-decoration: underline;*/
/*text-decoration-color: var(    --e-global-color-810916c);*/
/*text-decoration-thickness: 1.25ex;*/
/*text-underline-offset: -0.75ex;*/
/*text-decoration-skip-ink: none;*/
/*}*/

/*.elementor-kit-5 .elementor-widget-text-editor a {*/
/*    color: var(--e-global-color-primary);*/
/*text-decoration: underline;*/
/*text-decoration-color: var(--e-global-color-9334830);*/
/*text-decoration-thickness: 1.25ex;*/
/*text-underline-offset: -0.7ex;*/
/*text-decoration-skip-ink: none;*/
/*}*/

/*.elementor-kit-5 .elementor-widget-text-editor a:before {*/
/*    content: attr(data-link-text);*/
/*    width: 100%;*/
/*     color: var(--e-global-color-secondary);*/
/*        font-style: normal;*/
/*text-decoration: underline;*/
/*text-decoration-color: var(--e-global-color-4bd3516);*/
/*text-decoration-thickness: 2ex;*/
/*text-underline-offset: -1ex;*/
/*text-decoration-skip-ink: none;*/
/*}*/

/*.elementor-kit-5 .elementor-widget-text-editor a:hover {*/
/*    color: var(--e-global-color-primary);*/
/*text-decoration: underline;*/
/*text-decoration-color: var(--e-global-color-cf99633);*/
/*text-decoration-thickness: 1.25ex;*/
/*text-underline-offset: -1.1ex;*/
/*text-decoration-skip-ink: none;*/
/*}*/

/* Glitch Text */

@media (prefers-reduced-motion: no-preference) {
    .glitch-text {
        --glitch-time: 2s;
        --glitch-2-time: 15s;
    --glitch-2-time: 14s;
    --glitch-distance: -2px;
    --glitch-2-distance: 2px;
    --glitch-blur: blur(0.75px);
    filter: var(--glitch-blur);
}
  .glitch-text .elementor-heading-title {
    position: relative;
  }
  .glitch-text .elementor-heading-title::before {
    content: attr(data-text);
    position: absolute;
    left: var(--glitch-distance);
    text-shadow: 1px 0 var(--glitch-text-color-1);
    top: 0;
    background: var(--glitch-text-color-bg);
    overflow: hidden;
    animation: glitch-2 var(--glitch-2-time) infinite linear alternate-reverse;
  }
  .glitch-text .elementor-heading-title::after {
    content: attr(data-text);
    position: absolute;
    left: var(--glitch-2-distance);
    text-shadow: -1px 0 var(--glitch-text-color-2);
    top: 0;
    background: var(--glitch-text-color-bg);
    overflow: hidden;
    animation: glitch var(--glitch-time) infinite linear alternate-reverse;
  }
}

@keyframes glitch {
  0% {
    -webkit-clip-path: inset(6% 0 10% 0);
    clip-path: inset(6% 0 10% 0);
  }
  5% {
    -webkit-clip-path: inset(86% 0 6% 0);
    clip-path: inset(86% 0 6% 0);
  }
  10% {
    -webkit-clip-path: inset(82% 0 3% 0);
    clip-path: inset(82% 0 3% 0);
  }
  15% {
    -webkit-clip-path: inset(30% 0 43% 0);
    clip-path: inset(30% 0 43% 0);
  }
  20% {
    -webkit-clip-path: inset(93% 0 2% 0);
    clip-path: inset(93% 0 2% 0);
  }
  25% {
    -webkit-clip-path: inset(38% 0 34% 0);
    clip-path: inset(38% 0 34% 0);
  }
  30% {
    -webkit-clip-path: inset(11% 0 77% 0);
    clip-path: inset(11% 0 77% 0);
  }
  35% {
    -webkit-clip-path: inset(19% 0 52% 0);
    clip-path: inset(19% 0 52% 0);
  }
  40% {
    -webkit-clip-path: inset(86% 0 5% 0);
    clip-path: inset(86% 0 5% 0);
  }
  45% {
    -webkit-clip-path: inset(77% 0 5% 0);
    clip-path: inset(77% 0 5% 0);
  }
  50% {
    -webkit-clip-path: inset(1% 0 84% 0);
    clip-path: inset(1% 0 84% 0);
  }
  55% {
    -webkit-clip-path: inset(58% 0 15% 0);
    clip-path: inset(58% 0 15% 0);
  }
  60% {
    -webkit-clip-path: inset(99% 0 1% 0);
    clip-path: inset(99% 0 1% 0);
  }
  65% {
    -webkit-clip-path: inset(89% 0 8% 0);
    clip-path: inset(89% 0 8% 0);
  }
  70% {
    -webkit-clip-path: inset(91% 0 3% 0);
    clip-path: inset(91% 0 3% 0);
  }
  75% {
    -webkit-clip-path: inset(53% 0 33% 0);
    clip-path: inset(53% 0 33% 0);
  }
  80% {
    -webkit-clip-path: inset(33% 0 23% 0);
    clip-path: inset(33% 0 23% 0);
  }
  85% {
    -webkit-clip-path: inset(15% 0 29% 0);
    clip-path: inset(15% 0 29% 0);
  }
  90% {
    -webkit-clip-path: inset(55% 0 45% 0);
    clip-path: inset(55% 0 45% 0);
  }
  95% {
    -webkit-clip-path: inset(89% 0 9% 0);
    clip-path: inset(89% 0 9% 0);
  }
  100% {
    -webkit-clip-path: inset(44% 0 44% 0);
    clip-path: inset(44% 0 44% 0);
  }
}
@keyframes glitch-2 {
  0% {
    -webkit-clip-path: inset(69% 0 19% 0);
    clip-path: inset(69% 0 19% 0);
  }
  5% {
    -webkit-clip-path: inset(99% 0 1% 0);
    clip-path: inset(99% 0 1% 0);
  }
  10% {
    -webkit-clip-path: inset(26% 0 14% 0);
    clip-path: inset(26% 0 14% 0);
  }
  15% {
    -webkit-clip-path: inset(94% 0 4% 0);
    clip-path: inset(94% 0 4% 0);
  }
  20% {
    -webkit-clip-path: inset(87% 0 1% 0);
    clip-path: inset(87% 0 1% 0);
  }
  25% {
    -webkit-clip-path: inset(70% 0 6% 0);
    clip-path: inset(70% 0 6% 0);
  }
  30% {
    -webkit-clip-path: inset(80% 0 19% 0);
    clip-path: inset(80% 0 19% 0);
  }
  35% {
    -webkit-clip-path: inset(39% 0 58% 0);
    clip-path: inset(39% 0 58% 0);
  }
  40% {
    -webkit-clip-path: inset(69% 0 30% 0);
    clip-path: inset(69% 0 30% 0);
  }
  45% {
    -webkit-clip-path: inset(17% 0 59% 0);
    clip-path: inset(17% 0 59% 0);
  }
  50% {
    -webkit-clip-path: inset(65% 0 36% 0);
    clip-path: inset(65% 0 36% 0);
  }
  55% {
    -webkit-clip-path: inset(65% 0 11% 0);
    clip-path: inset(65% 0 11% 0);
    
    opacity: 1;
  }
  60% {
    -webkit-clip-path: inset(16% 0 39% 0);
    clip-path: inset(16% 0 39% 0);
    opacity: 0;
  }
  65% {
    -webkit-clip-path: inset(43% 0 19% 0);
    clip-path: inset(43% 0 19% 0);
    
    opacity: 1;
  }
  70% {
    -webkit-clip-path: inset(16% 0 71% 0);
    clip-path: inset(16% 0 71% 0);
  }
  75% {
    -webkit-clip-path: inset(83% 0 7% 0);
    clip-path: inset(83% 0 7% 0);
  }
  80% {
    -webkit-clip-path: inset(60% 0 27% 0);
    clip-path: inset(60% 0 27% 0);
  }
  85% {
      opacity: 0;
    -webkit-clip-path: inset(44% 0 26% 0);
    clip-path: inset(44% 0 26% 0);
  }
  90% {
    -webkit-clip-path: inset(37% 0 42% 0);
    clip-path: inset(37% 0 42% 0);
  }
  95% {
    -webkit-clip-path: inset(48% 0 3% 0);
    clip-path: inset(48% 0 3% 0);
  }
  100% {
    -webkit-clip-path: inset(31% 0 5% 0);
    clip-path: inset(31% 0 5% 0);
  }
}


/*

Redaction Style Link Hover

*/

.elementor-kit-5 .redactionLink {
    --border-buldge-depth: 0rem;
    --border-buldge-depth-hover: 0.4rem;
    --border-buldge-position-calc: calc(var(--border-buldge-depth) * -0.5);
}

@keyframes redactSwipe {
   25% {
        right: 100%;
        left: 0;
    }
    50%,85% {
        right: 0;
        left: 0;
    }
    100% {
        right: 0;
        left 100%;
    }
}

.elementor-kit-5 .redactionLink a:before {
    content: '';
    position: absolute;
    height: 0.5rem;
    top: calc(50% - 0.5rem / 2);
    background: var(--e-global-color-a9f9546);
}

.elementor-kit-5 .redactionLink  a:hover:before {
    right: 0;
    left: 100%;
    animation: redactSwipe 1s infinite;
}

.elementor-kit-5 .redactionLink a, .elementor-kit-5 .redactionLink  .elementor-heading-title {
    position: relative;
}


/*
    Logos
*/

.elementor-kit-5 .twh_logo-grid .twh_logo-context {
   width: var(--twh-logo-context-width);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'CustomFont01';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://portfolio.twharris.co.uk/wp-content/uploads/2023/08/InterDisplay.var_.ttf') format('truetype');
}
/* End Custom Fonts CSS */