.elementor-kit-5{--e-global-color-primary:#071F2E;--e-global-color-secondary:#EBEEF4;--e-global-color-accent:#EF6706;--e-global-color-text:#FEE102;--e-global-color-c2da608:#ECC302;--e-global-color-399cdcb:#FFEC14;--e-global-color-c7edb8a:#222222;--e-global-color-ec27f7f:#383838;--e-global-color-2ea4b9b:#B8C4CC;--e-global-color-d9f426e:#F2F2F2;--e-global-color-2398653:#808080;--e-global-color-fa9666f:#FAFAFA;--e-global-color-f5b94fe:#D9D9D9;--e-global-color-2610ce2:#ECECEC;--e-global-color-04a1c52:#FFFFFF;--e-global-color-811e62a:#000000;--e-global-typography-primary-font-family:"MP";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"GW";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"GW";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"MP";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:300;background-color:var( --e-global-color-04a1c52 );color:var( --e-global-color-ec27f7f );font-family:"GW", Sans-serif;font-size:18px;font-weight:400;line-height:27px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-accent );font-family:"GW", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;color:var( --e-global-color-04a1c52 );border-radius:30px 30px 30px 30px;padding:10px 16px 10px 16px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-811e62a );color:var( --e-global-color-04a1c52 );}.elementor-kit-5 e-page-transition{background-color:#F97316;}.elementor-kit-5 a{color:var( --e-global-color-accent );}.elementor-kit-5 a:hover{color:var( --e-global-color-accent );}.elementor-kit-5 h1{color:var( --e-global-color-c7edb8a );font-family:"MP", Sans-serif;font-size:55px;font-weight:400;line-height:69px;letter-spacing:-0.04em;}.elementor-kit-5 h2{color:var( --e-global-color-ec27f7f );font-family:"MP", Sans-serif;font-size:46px;font-weight:400;line-height:58px;letter-spacing:-0.04em;}.elementor-kit-5 h3{color:var( --e-global-color-ec27f7f );font-family:"MP", Sans-serif;font-size:26px;font-weight:600;line-height:30px;letter-spacing:-0.02em;}.elementor-kit-5 h4{color:var( --e-global-color-ec27f7f );font-family:"MP", Sans-serif;font-size:18px;font-weight:400;line-height:25px;letter-spacing:-0.04em;}.elementor-kit-5 h5{color:var( --e-global-color-ec27f7f );font-family:"GW", Sans-serif;font-size:18px;font-weight:400;line-height:27px;}.elementor-kit-5 h6{color:var( --e-global-color-ec27f7f );font-family:"GW", Sans-serif;font-size:15px;font-weight:400;line-height:23px;}.elementor-kit-5 label{color:var( --e-global-color-c7edb8a );font-family:"GW", Sans-serif;font-size:16px;font-weight:600;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"GW", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-ec27f7f );accent-color:var( --e-global-color-accent );background-color:var( --e-global-color-04a1c52 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-f5b94fe );border-radius:10px 10px 10px 10px;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{color:var( --e-global-color-c7edb8a );accent-color:var( --e-global-color-accent );background-color:var( --e-global-color-fa9666f );border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-secondary );border-radius:9px 9px 9px 9px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1190px;}.e-con{--container-max-width:1190px;--container-default-padding-top:0px;--container-default-padding-right:10px;--container-default-padding-bottom:0px;--container-default-padding-left:10px;}.elementor-widget:not(:last-child){--kit-widget-spacing:25px;}.elementor-element{--widgets-spacing:25px 25px;--widgets-spacing-row:25px;--widgets-spacing-column:25px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{font-size:16px;line-height:25px;}.elementor-kit-5 h1{font-size:38px;line-height:43px;}.elementor-kit-5 h2{font-size:32px;line-height:40px;}.elementor-kit-5 h3{font-size:23px;line-height:25px;}.elementor-kit-5 h4{font-size:17px;line-height:23px;}.elementor-kit-5 h5{font-size:17px;line-height:25px;}.elementor-kit-5 h6{font-size:14px;line-height:21px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:15px;}.elementor-kit-5 label{font-size:16px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:20px;--container-default-padding-bottom:0px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-5{font-size:16px;line-height:25px;}.elementor-kit-5 h1{font-size:35px;line-height:44px;}.elementor-kit-5 h2{font-size:29px;line-height:36px;}.elementor-kit-5 h3{font-size:22px;}.elementor-kit-5 h4{font-size:20px;line-height:28px;}.elementor-kit-5 h5{font-size:17px;line-height:25px;}.elementor-kit-5 h6{font-size:14px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:13px;}.elementor-kit-5 label{font-size:16px;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:15px;--container-default-padding-bottom:0px;--container-default-padding-left:15px;}}/* Start custom CSS *//* Default */
.tcs-header {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* On scroll */
.tcs-header.scrolled {
  background-color: rgba(255,255,255);
  box-shadow: inset 0 -1px 0 #d9d9d9;
}

/* Hover */
.tcs-header:hover {
  background-color: rgba(255,255,255);
  box-shadow: inset 0 -1px 0 #d9d9d9;
}









.tcshighlight {
  color: inherit;
  font-weight: 600;
  display: inline;
  padding: 0 0.02em 0;
  line-height: inherit;

  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;

  background-image: linear-gradient(to top, #fee102 0%, #fee102 100%);
  background-repeat: no-repeat;
  background-size: 100% 0%;
  background-position: left bottom;
}

/* Scroll down = highlight rises from bottom */
.tcshighlight.tcs-highlight-up {
  background-position: left bottom;
  animation: tcsHighlightRise 1.4s ease-in-out forwards;
}

/* Scroll up = highlight comes from top */
.tcshighlight.tcs-highlight-down {
  background-position: left top;
  animation: tcsHighlightDrop 1.4s ease-in-out forwards;
}

@keyframes tcsHighlightRise {
  from {
    background-size: 100% 0%;
    background-position: left bottom;
  }
  to {
    background-size: 100% 105%;
    background-position: left bottom;
  }
}

@keyframes tcsHighlightDrop {
  from {
    background-size: 100% 0%;
    background-position: left top;
  }
  to {
    background-size: 100% 105%;
    background-position: left top;
  }
}











/* Footer links base — only text links */
footer a:not(.elementor-button-link):not(.elementor-icon-link):not(.elementor-social-icon),
.elementor-location-footer a:not(.elementor-button-link):not(.elementor-icon-link):not(.elementor-social-icon) {
  position: relative;
  text-decoration: none;
}

/* hidden underline */
footer a:not(.elementor-button-link):not(.elementor-icon-link):not(.elementor-social-icon)::after,
.elementor-location-footer a:not(.elementor-button-link):not(.elementor-icon-link):not(.elementor-social-icon)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.25s ease;
}

/* hover → show line */
footer a:not(.elementor-button-link):not(.elementor-icon-link):not(.elementor-social-icon):hover::after,
.elementor-location-footer a:not(.elementor-button-link):not(.elementor-icon-link):not(.elementor-social-icon):hover::after {
  transform: scaleX(1);
}
/* footer logo → do not show line */
.no-link-underline a::after {
  display: none !important;
}














/* =========================
   WEBSITE LINK STYLES
   ========================= */

/* Easy controls */
:root {
  --tcs-link-color: #EF6706;

  /* Body / normal page links */
  --tcs-link-thickness: 2px;
  --tcs-link-offset: -3px;
  --tcs-link-hover-move: 3px;

  /* Heading links */
  --tcs-heading-link-thickness: 2px;
  --tcs-heading-link-offset: 2px;

  /* H1 / H2 heading links */
  --tcs-h1h2-link-thickness: 4px;
  --tcs-h1h2-link-offset: 4px;
}

/* =========================
   BODY / NORMAL PAGE LINKS
   ========================= */


.entry-content a,
.elementor-widget-text-editor a {
  font-weight: 600;
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: var(--tcs-link-color);
  text-decoration-thickness: var(--tcs-link-thickness);
  text-underline-offset: 2.5px;
  text-decoration-skip-ink: auto;
  text-decoration-skip: auto;
  transition: text-underline-offset 0.3s ease;
}

/* Hover movement */
.entry-content a:hover,
.elementor-widget-text-editor a:hover {
  color: inherit;
  text-underline-offset: 6px;
}



/* =========================
   HEADING LINKS
   ========================= */

.elementor-widget-heading a {
  font-weight: 600;
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: var(--tcs-link-color);
  text-decoration-thickness: var(--tcs-heading-link-thickness);
  text-underline-offset: var(--tcs-heading-link-offset);
  text-decoration-skip-ink: auto;
  text-decoration-skip: auto;
  background: none !important;
  transition: text-underline-offset 0.3s ease;
}

.elementor-widget-heading a:hover {
  color: inherit;
  text-underline-offset: calc(var(--tcs-heading-link-offset) + 5px);
}

/* H1 & H2 get thicker underline separately */
.elementor-widget-heading h1 a,
.elementor-widget-heading h2 a {
  text-decoration-thickness: var(--tcs-h1h2-link-thickness);
  text-underline-offset: var(--tcs-h1h2-link-offset);
}

.elementor-widget-heading h1 a:hover,
.elementor-widget-heading h2 a:hover {
  text-underline-offset: calc(var(--tcs-h1h2-link-offset) + 6px);
}

/* Disable fake underline for heading links */
.elementor-widget-heading a::after {
  display: none !important;
}




/* =========================
   BLOG ARCHIVE H2 TITLES
   No underline by default
   Underline only on hover
   ========================= */

.tcs-blog-archive .elementor-widget-heading h2 a {
  text-decoration-line: none;
}

.tcs-blog-archive .elementor-widget-heading h2 a:hover {
  text-decoration-line: underline;
  text-decoration-color: var(--tcs-link-color);
  text-decoration-thickness: var(--tcs-h1h2-link-thickness);
  text-underline-offset: calc(var(--tcs-h1h2-link-offset) + 6px);
}



/* =========================
   SINGLE BLOG POST CONTENT LINKS
   Show underline + animation on hover
   ========================= */

.single-post .elementor-widget-theme-post-content a,
.single-post .elementor-location-single .elementor-widget-theme-post-content a,
.single-post .elementor-widget-post-content a {
  font-weight: 600;
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: var(--tcs-link-color);
  text-decoration-thickness: var(--tcs-link-thickness);
  text-underline-offset: 2.5px;
  text-decoration-skip-ink: auto;
  text-decoration-skip: auto;
  transition: text-underline-offset 0.3s ease, color 0.3s ease;
}

.single-post .elementor-widget-theme-post-content a:hover,
.single-post .elementor-location-single .elementor-widget-theme-post-content a:hover,
.single-post .elementor-widget-post-content a:hover {
  color: inherit;
  text-underline-offset: 6px;
}



/* =========================
   BLOG POST CATEGORIES
   Underline visible by default in grey
   On hover: underline animates and turns orange/red
   ========================= */

.tcs-post-categories a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: #808080;
  text-decoration-thickness: 1.2px;
  text-underline-offset: 2.5px;
  text-decoration-skip-ink: auto;
  text-decoration-skip: auto;
  transition: 
    text-underline-offset 0.3s ease,
    color 0.3s ease,
    text-decoration-color 0.3s ease;
}

.tcs-post-categories a:hover {
  color: var(--tcs-link-color);
  text-decoration-color: var(--tcs-link-color);
  text-underline-offset: 6px;
}


/* =========================
   BLOG POST AUTHOR LINK
   No underline by default
   On hover: underline appears + animates + changes color
   ========================= */

.tcs-post-author a {
  color: inherit;
  text-decoration-line: none;
  transition: 
    text-underline-offset 0.3s ease,
    color 0.3s ease,
    text-decoration-color 0.3s ease;
}

.tcs-post-author a:hover {
  color: var(--tcs-link-color);
  text-decoration-line: underline;
  text-decoration-color: var(--tcs-link-color);
  text-decoration-thickness: 3px;
  text-underline-offset: 6px;
  text-decoration-skip-ink: auto;
  text-decoration-skip: auto;
}



/* =========================
   MORE ARTICLES / RELATED POSTS TITLES
   Same hover animation as archive titles
   ========================= */

.tcs-more-articles-title a {
  color: inherit;
  text-decoration-line: underline !important;
  text-decoration-color: transparent;
  text-decoration-thickness: var(--tcs-h1h2-link-thickness);
  text-underline-offset: var(--tcs-h1h2-link-offset);
  text-decoration-skip-ink: auto;
  text-decoration-skip: auto;
  background: none !important;
  transition:
    text-underline-offset 0.3s ease,
    text-decoration-color 0.3s ease,
    color 0.3s ease;
}

.tcs-more-articles-title a:hover {
  color: inherit;
  text-decoration-color: var(--tcs-link-color);
  text-underline-offset: calc(var(--tcs-h1h2-link-offset) + 6px);
}








/* Smooth scroll */
html {
  scroll-behavior: smooth;
}










/* Body font anti-aliasing */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}












p {
  margin-bottom: 20px;
}


h2 {
  margin-top: 60px;
  margin-bottom:20px;
}


h3 {
  margin-top: 35px;
  margin-bottom: 20px;
}


h4 {
  margin-top: 30px;
  margin-bottom: 12px;
}

ul li {
  margin-bottom: 8px;
}









strong {
  color: #222222;
}










.inline-arrow {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 4px;

  background: url("https://thecompletestudio.co.uk/wp-content/uploads/2026/03/Right-Circle-Arrow.svg") no-repeat center / contain;

  transition: transform 0.3s ease;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'MP';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/P22MackinacPro-Book_25.ttf') format('truetype');
}
@font-face {
	font-family: 'MP';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/P22MackinacPro-BookItalic_15.ttf') format('truetype');
}
@font-face {
	font-family: 'MP';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/P22MackinacPro-Medium_26.ttf') format('truetype');
}
@font-face {
	font-family: 'MP';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/P22MackinacPro-MedItalic_18.ttf') format('truetype');
}
@font-face {
	font-family: 'MP';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/P22MackinacPro-Bold_16.ttf') format('truetype');
}
@font-face {
	font-family: 'MP';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/P22MackinacPro-BoldItalic_11.ttf') format('truetype');
}
@font-face {
	font-family: 'MP';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/P22MackinacPro-ExtraBold_12.ttf') format('truetype');
}
@font-face {
	font-family: 'MP';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/P22MackinacPro-ExBoldItalic_17.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'GW';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/Graphik-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'GW';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/Graphik-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'GW';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/Graphik-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'GW';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/Graphik-RegularItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'GW';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/Graphik-Semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'GW';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://thecompletestudio.co.uk/wp-content/uploads/2026/03/Graphik-SemiboldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */