/******************************************************************
Author:@warrengroom
Stylesheet: Typography
******************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;900&display=swap");
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margins, paddings and standardise font */
* {
  margin: 0;
  padding: 0;
  font: inherit;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
}

/* Set core body defaults */
body {
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture,
svg {
  max-width: 100%;
  display: block;
  height: auto;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/******************************************************************
Author:@warrengroom
Stylesheet: Colors
******************************************************************/
/******************************************************************
Table of contents

1.0 Custom Properties
******************************************************************/
/******************************************************************
1.0 Custom Properties
******************************************************************/
:root {
  --clr-black: hsl(0, 0%, 0%);
  --clr-white: hsl(0, 0%, 100%);
  --clr-grey-100: hsl(0, 0%, 95%);
  --clr-grey-300: hsl(0, 0%, 75%);
  --clr-grey-800: hsl(0, 0%, 25%);
  --clr-grey-900: hsl(0, 0%, 15%);
  --clr-primary-400: hsl(240, 100%, 50%);
  --clr-primary-700: hsl(240, 100%, 25%);
  --clr-secondary-100: hsl(240, 100%, 97%);
  --clr-secondary-400: hsl(240, 100%, 75%);
  --clr-text-color: var(--clr-grey-900);
  --clr-border-color: var(--clr-grey-800);
  --clr-link-color: var(--clr-black);
  --clr-link-hover: var(--clr-primary-400);
}

::-moz-selection {
  background-color: var(--clr-primary-400);
  color: var(--clr-white);
}

::selection {
  background-color: var(--clr-primary-400);
  color: var(--clr-white);
}

body {
  background-color: var(--clr-white);
  color: var(--clr-text-color);
}

.background-primary {
  background-color: var(--clr-primary-600);
}

.background-secondary {
  background-color: var(--clr-secondary-600);
}

.blend-multiply {
  background-blend-mode: multiply;
  color: var(--clr-white);
}

.fa-facebook {
  color: #1877f2;
}

.fa-twitter {
  color: #1da1f2;
}

.fa-instagram {
  color: #7232bd;
}

.fa-youtube {
  color: #ff0000;
}

.fa-pinterest {
  color: #bd081c;
}

.fa-linkedin {
  color: #0a66c2;
}

.fa-tiktok {
  color: #010101;
}

.fa-twitch {
  color: #9146ff;
}

/******************************************************************
Table of contents

1.0 Custom Properties
1.1 Headings
1.2 Content
1.3 wysiwyg
******************************************************************/
/******************************************************************
1.0 Custom Properties
******************************************************************/
:root {
  --ff-primary: "Montserrat", sans-serif;
  --ff-secondary: "Montserrat", serif;
  --ff-serif: serif;
  --ff-sans-serif: sans-serif;
  --fs-100: 0.7rem;
  --fs-200: 0.8rem;
  --fs-300: 0.9rem;
  --fs-400: 1rem;
  --fs-450: 1.125rem;
  --fs-500: 1.25rem;
  --fs-600: 1.3rem;
  --fs-700: 1.55rem;
  --fs-800: 1.85rem;
  --fs-900: 2.25rem;
  --fw-light: 100;
  --fw-regular: 300;
  --fw-semi-bold: 500;
  --fw-bold: 900;
}

@media only screen and (min-width: 48em) {
  :root {
    --fs-400: 1.1rem;
    --fs-600: 1.55rem;
    --fs-800: 2.25rem;
  }
}
@media only screen and (min-width: 64em) {
  :root {
    --fs-500: 1.45rem;
    --fs-700: 2rem;
    --fs-800: 2.75rem;
    --fs-900: 3.25rem;
  }
}
@media only screen and (min-width: 105em) {
  :root {
    --fs-500: 1.65rem;
    --fs-600: 1.85rem;
    --fs-800: 3.5rem;
  }
}
/******************************************************************
1.1 Headings
******************************************************************/
.title-style-h2 .title-style a,
.title-style-h3 .title-style a,
.title-style-h4 .title-style a,
.title-style-h5 .title-style a,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: var(--clr-black);
  font-weight: var(--fw-bold);
  font-style: normal;
  margin: 0;
}
.title-style-h2 .title-style a a,
.title-style-h2 .title-style a a:visited,
.title-style-h3 .title-style a a,
.title-style-h3 .title-style a a:visited,
.title-style-h4 .title-style a a,
.title-style-h4 .title-style a a:visited,
.title-style-h5 .title-style a a,
.title-style-h5 .title-style a a:visited,
h1 a,
h1 a:visited,
.h1 a,
.h1 a:visited,
h2 a,
h2 a:visited,
.h2 a,
.h2 a:visited,
h3 a,
h3 a:visited,
.h3 a,
.h3 a:visited,
h4 a,
h4 a:visited,
.h4 a,
.h4 a:visited,
h5 a,
h5 a:visited,
.h5 a,
.h5 a:visited,
h6 a,
h6 a:visited,
.h6 a,
.h6 a:visited {
  color: var(--clr-black);
  font-weight: var(--fe-bold);
}
.title-style-h2 .title-style a a:hover, .title-style-h2 .title-style a a:focus,
.title-style-h2 .title-style a a:visited:hover,
.title-style-h2 .title-style a a:visited:focus,
.title-style-h3 .title-style a a:hover,
.title-style-h3 .title-style a a:focus,
.title-style-h3 .title-style a a:visited:hover,
.title-style-h3 .title-style a a:visited:focus,
.title-style-h4 .title-style a a:hover,
.title-style-h4 .title-style a a:focus,
.title-style-h4 .title-style a a:visited:hover,
.title-style-h4 .title-style a a:visited:focus,
.title-style-h5 .title-style a a:hover,
.title-style-h5 .title-style a a:focus,
.title-style-h5 .title-style a a:visited:hover,
.title-style-h5 .title-style a a:visited:focus,
h1 a:hover,
h1 a:focus,
h1 a:visited:hover,
h1 a:visited:focus,
.h1 a:hover,
.h1 a:focus,
.h1 a:visited:hover,
.h1 a:visited:focus,
h2 a:hover,
h2 a:focus,
h2 a:visited:hover,
h2 a:visited:focus,
.h2 a:hover,
.h2 a:focus,
.h2 a:visited:hover,
.h2 a:visited:focus,
h3 a:hover,
h3 a:focus,
h3 a:visited:hover,
h3 a:visited:focus,
.h3 a:hover,
.h3 a:focus,
.h3 a:visited:hover,
.h3 a:visited:focus,
h4 a:hover,
h4 a:focus,
h4 a:visited:hover,
h4 a:visited:focus,
.h4 a:hover,
.h4 a:focus,
.h4 a:visited:hover,
.h4 a:visited:focus,
h5 a:hover,
h5 a:focus,
h5 a:visited:hover,
h5 a:visited:focus,
.h5 a:hover,
.h5 a:focus,
.h5 a:visited:hover,
.h5 a:visited:focus,
h6 a:hover,
h6 a:focus,
h6 a:visited:hover,
h6 a:visited:focus,
.h6 a:hover,
.h6 a:focus,
.h6 a:visited:hover,
.h6 a:visited:focus {
  color: var(--clr-link-color);
}

h1,
.h1 {
  font-size: var(--fs-900);
  line-height: 1.2;
}

.title-style-h2 .title-style,
.title-style-h2 .title-style a,
h2,
.h2 {
  font-size: var(--fs-800);
  line-height: 1.3;
}

.title-style-h3 .title-style,
.title-style-h3 .title-style a,
h3,
.h3 {
  font-size: var(--fs-700);
  line-height: 1.4;
}

.title-style-h4 .title-style,
.title-style-h4 .title-style a,
h4,
.h4 {
  font-size: var(--fs-600);
  line-height: 1.5;
}

.title-style-h5 .title-style,
.title-style-h5 .title-style a,
h5,
.h5 {
  font-size: var(--fs-500);
  line-height: 1.5;
}

h6,
.h6 {
  font-size: var(--fs-400);
}

/******************************************************************
1.2 Content
******************************************************************/
body {
  font-family: var(--ff-primary);
  font-size: var(--fs-400);
  font-weight: var(--fw-regular);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
}

p,
table,
ul,
ol {
  margin: 0;
  padding: 0;
}

ul li,
ol li {
  marging: 0;
  padding: 0;
}

ul[class] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lead {
  font-size: var(--fs-500);
}

small,
.small {
  font-size: var(--fs-300);
}

blockquote {
  font-style: italic;
  font-size: var(--fs-450);
}

.read-more {
  font-size: var(--fs-300);
  text-transform: uppercase;
}

strong,
.subtitle {
  font-weight: var(--fw-semi-bold);
}

/******************************************************************
1.3 wysiwyg
******************************************************************/
.wysiwyg ul,
.wysiwyg ol {
  margin-bottom: var(--spacer);
  margin-left: calc(var(--spacer) * 1.25);
}
.wysiwyg ul li {
  padding: 0;
  padding-left: calc(var(--spacer) * 0.85);
}
.wysiwyg p {
  margin-bottom: var(--spacer);
}

section .material-symbols-sharp,
section .material-symbols-outlined {
  color: var(--clr-black);
  font-size: var(--fs-600);
}

.footer h3,
.footer .h3,
.footer .company__name {
  font-size: var(--fs-600);
  font-weight: var(--fw-bold);
  color: var(--clr-black);
}

.headline span {
  position: relative;
  display: inline-block;
}
.headline span:before {
  content: "";
  z-index: -1;
  left: -0.5em;
  top: -0.1em;
  border-width: 2px;
  border-style: solid;
  border-color: red;
  position: absolute;
  border-right-color: transparent;
  width: 115%;
  height: 1.5em;
  transform: rotate(2deg);
  opacity: 0.7;
  border-radius: 50%;
  padding: 0.1em 0.25em;
}
.headline span:after {
  content: "";
  z-index: -1;
  left: -0.5em;
  top: 0.1em;
  padding: 0.1em 0.25em;
  border-width: 2px;
  border-style: solid;
  border-color: red;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  width: 100%;
  height: 1.35em;
  transform: rotate(-1deg);
  opacity: 0.7;
  border-radius: 50%;
}

.social-links li,
.company__social li {
  display: inline-block;
  margin-right: calc(var(--spacer) * 0.55);
}
.social-links a,
.company__social a {
  display: block;
}
.social-links i,
.company__social i {
  display: block;
  font-size: var(--fs-500);
}

/******************************************************************
Author:@warrengroom
Stylesheet: Grid Stylesheet
******************************************************************/
/******************************************************************
Table of contents

1.0 Grid layout
******************************************************************/
/******************************************************************
1.0 Grid layout
******************************************************************/
.grid {
  display: grid;
  gap: calc(var(--spacer) * 1.75);
}

.grid-columns-5 {
  grid-template-columns: repeat(2, 1fr);
}

/* Portrait tablet to landscape */
@media (min-width: 48em) {
  .grid {
    gap: calc(var(--spacer) * 2.25);
  }
  .grid-columns-auto {
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
  }
  .grid-columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-columns-3 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-columns-5 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-columns-6 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-rows-one-one .grid-item--row {
    grid-template-columns: 1fr 1fr;
  }
  .grid-rows-one-two .grid-item--row {
    grid-template-columns: 1fr 2fr;
  }
  .grid-rows-one-three .grid-item--row {
    grid-template-columns: 1fr 3fr;
  }
}
/* Landscape to small desktop */
@media (min-width: 64em) {
  .grid-columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-columns-5 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
/* Large desktop */
@media (min-width: 105em) {
  .grid-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
/******************************************************************
Author:@warrengroom
Stylesheet: Dark Mode Styles
******************************************************************/
/******************************************************************
Author:@warrengroom
Stylesheet: Light Mode Styles 
******************************************************************/
/******************************************************************
Author:@warrengroom
Stylesheet: Print Stylesheet
******************************************************************/
@media print {
  * {
    background-color: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}
/******************************************************************
Author:@warrengroom
Stylesheet: Link & button styles
******************************************************************/
/******************************************************************
Table of contents

1.0 Link styles    
    1.0.0 Link style text
    1.0.1 Link style arrow
    1.0.2 Link style button
1.1 Navigation styles
    1.1.1 Mobile navigation styles
    1.1.2 Header navigation styles
    1.1.2 Footer navigation styles
******************************************************************/
/******************************************************************
1.0 Link styles
******************************************************************/
/******************************************************************
1.0.0 Link style text
******************************************************************/
a,
a:visited,
.link-style-text .link-style {
  color: var(--clr-link-color);
  text-decoration: none;
  font-weight: var(--fw-semi-bold);
  transition: all 0.25s ease-in-out;
}
a:hover, a:focus,
a:visited:hover,
a:visited:focus,
.link-style-text .link-style:hover,
.link-style-text .link-style:focus {
  color: var(--clr-link-hover);
}

.link-style-text .link-style,
.link-style-arrow .link-style {
  font-size: var(--fs-400);
}

/******************************************************************
1.0.1 Link style arrow
******************************************************************/
.link-style-arrow .link-style,
.block__header-link,
.block__footer-link {
  font-size: var(--fs-400);
}
.link-style-arrow .link-style::after,
.block__header-link::after,
.block__footer-link::after {
  font-family: "Material Symbols Sharp";
  content: "arrow_circle_right";
  -webkit-font-feature-settings: "arrow_circle_right";
  font-size: var(--fs-600);
  padding-left: 0.35em;
  vertical-align: middle;
}

/******************************************************************
1.0.2 Link style button
******************************************************************/
.btn--secondary,
.btn--secondary:visited, .link-style-button .link-style,
.btn,
.btn:visited,
.btn--primary,
.btn--primary:visited,
button,
[type=button],
[type=reset],
[type=submit],
#searchsubmit {
  position: relative;
  isolation: isolate;
  display: inline-block;
  padding: 0.55em 1.55em;
  font-size: var(--fs-400);
  line-height: inherit;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}

.link-style-button .link-style,
.btn,
.btn:visited,
.btn--primary,
.btn--primary:visited,
button,
[type=button],
[type=reset],
[type=submit],
#searchsubmit {
  background-color: var(--clr-secondary-400);
  color: var(--clr-white);
  font-weight: var(--fw-semi-bold);
  border: 2px solid var(--clr-secondary-400);
}
.link-style-button .link-style:hover, .link-style-button .link-style:focus,
.btn:hover,
.btn:focus,
.btn:visited:hover,
.btn:visited:focus,
.btn--primary:hover,
.btn--primary:focus,
.btn--primary:visited:hover,
.btn--primary:visited:focus,
button:hover,
button:focus,
[type=button]:hover,
[type=button]:focus,
[type=reset]:hover,
[type=reset]:focus,
[type=submit]:hover,
[type=submit]:focus,
#searchsubmit:hover,
#searchsubmit:focus {
  background-color: var(--clr-link-hover);
  border-color: var(--clr-link-hover);
  color: var(--clr-white);
}
.btn--secondary,
.btn--secondary:visited {
  color: var(--clr-black);
  border: 2px solid var(--clr-black);
  background-color: transparent;
}
.btn--secondary:hover, .btn--secondary:focus,
.btn--secondary:visited:hover,
.btn--secondary:visited:focus {
  background-color: var(--clr-black);
  color: var(--clr-white);
}

/******************************************************************
1.1 Navigation styles
******************************************************************/
nav ul {
  display: flex;
  gap: calc(var(--spacer) * 1.25);
}

/******************************************************************
1.1.1 Mobile navigation styles
******************************************************************/
.overlay__menu-nav {
  flex-direction: column;
  font-family: var(--ff-secondary);
  font-weight: var(--fw-bold);
}
.overlay__menu-nav li {
  font-size: var(--fs-500);
}
.overlay__menu-nav li ul {
  padding: 0.5em 0 0 1em;
}
.overlay__menu-nav li ul li {
  padding: 0.5em 0;
  border-bottom: 0;
}
.overlay__menu-nav li ul li:last-child {
  padding-bottom: 0;
}

/******************************************************************
1.1.2 Header navigation styles
******************************************************************/
@media only screen and (min-width: 64em) {
  .header__menu-nav li {
    position: relative;
  }
  .header__menu-nav li ul {
    flex-direction: column;
    gap: calc(var(--spacer) * 0.5);
    position: absolute;
    top: auto;
    left: -1em;
    visibility: hidden;
    opacity: 0;
    padding: 1em;
    background-color: var(--clr-white);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    text-align: left;
    z-index: -1;
    transform: translateY(-2em);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  }
  .header__menu-nav li ul li a {
    display: block;
    width: 150px;
    line-height: 1.6;
    font-size: var(--fs-400);
  }
  .header__menu-nav li:hover ul {
    visibility: visible;
    /* shows sub-menu */
    opacity: 1;
    z-index: 99;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
  }
  .header__menu-nav li:hover ul li ul {
    visibility: hidden;
    opacity: 0;
    top: -1em;
    left: 100%;
  }
  .header__menu-nav li:hover ul li:hover ul {
    visibility: visible;
    /* shows sub-menu */
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
  }
}
/******************************************************************
1.1.2 Footer navigation styles
******************************************************************/
.footer__menu-nav,
.footer__terms-nav {
  flex-direction: column;
  gap: calc(var(--spacer) * 0.5);
}

/******************************************************************
Author:@warrengroom
Stylesheet: Form Styles
******************************************************************/
/******************************************************************
Table of contents

1.0 Form styles
1.1 Forminator overrides
******************************************************************/
/******************************************************************
1.0 Form styles
******************************************************************/
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea,
.field {
  display: block;
  width: 100%;
  max-width: 100%;
  background-color: var(--clr-white);
  color: var(--clr-text-color);
  vertical-align: middle;
  box-shadow: none;
  border: 2px solid var(--clr-border-color);
  outline: none;
  padding: 0.45em 1em;
  margin: 0;
  font-size: var(--fs-400);
  line-height: inherit;
  transition: ease-out 0.25s;
  -webkit-transition: ease-out 0.25s;
  -moz-transition: ease-out 0.25s;
}
input[type=text]:focus, input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=datetime]:focus,
input[type=datetime]:active,
input[type=datetime-local]:focus,
input[type=datetime-local]:active,
input[type=date]:focus,
input[type=date]:active,
input[type=month]:focus,
input[type=month]:active,
input[type=time]:focus,
input[type=time]:active,
input[type=week]:focus,
input[type=week]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:focus,
input[type=color]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  background-color: var(--clr-white);
  outline: none;
  border-color: var(--clr-black);
}

input[type=password] {
  letter-spacing: 0.3em;
}

textarea {
  max-width: 100%;
  min-height: 120px;
}

select {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right 1em bottom 50%;
}

/******************************************************************
1.1 Forminator overrides
******************************************************************/
.forminator-success {
  background-color: #e2fde7;
  padding: 6px 12px;
  margin: 0 0 1em;
}

.forminator-error-message {
  color: red;
  font-size: var(--fs-300);
}

.forminator-calendar {
  background-color: var(--clr-white);
  padding: 0.75em;
  box-shadow: var(--box-shadow);
}

.ui-corner-all {
  margin: 0 0 0.5em;
}

.ui-datepicker-next {
  float: right;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  padding: 0.2em;
}

.forminator-row {
  margin-bottom: 1em !important;
}

/******************************************************************
Author:@warrengroom
Stylesheet: Accordion Styles
******************************************************************/
/******************************************************************
Table of contents

1.0 Slick overrides
******************************************************************/
/******************************************************************
1.0 Slick overrides
******************************************************************/
.slick-slider {
  padding: 0 40px;
}

.slick-prev,
.slick-next {
  width: auto !important;
  height: auto !important;
}
.slick-prev:before,
.slick-next:before {
  font-weight: var(--fw-bold) !important;
  font-size: var(--fs-700) !important;
  display: inline-block !important;
  color: var(--clr-black) !important;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  color: var(--clr-link-hover) !important;
}

.slick-prev {
  left: 0 !important;
}
.slick-prev:before {
  font-family: "Material Symbols Sharp" !important;
  content: "\e5e0" !important;
}

.slick-next {
  right: 0 !important;
}
.slick-next:before {
  font-family: "Material Symbols Sharp" !important;
  content: "\e5e1" !important;
}

.slick-dots {
  position: relative !important;
}

/******************************************************************
Author:@warrengroom
Stylesheet: Link & button styles
******************************************************************/
/******************************************************************
Table of contents

1.0 Hamburger Menu Icon
1.1 Overlay menu
******************************************************************/
/******************************************************************
1.0 Hamburger Menu Icon
******************************************************************/
#toggle {
  display: none;
}

.hamburger {
  display: inline-block;
  position: relative;
  z-index: 999;
  cursor: pointer;
}

.hamburger div {
  position: relative;
  width: 2em;
  height: 3px;
  background-color: var(--clr-text-color);
  margin-top: 6px;
  transition: all 0.3s ease-in-out;
  z-index: 999;
}

#toggle:checked + .hamburger .top-bun {
  transform: rotate(-45deg);
  margin-top: 16px;
}

#toggle:checked + .hamburger .bottom-bun {
  opacity: 0;
  transform: rotate(45deg);
}

#toggle:checked + .hamburger .meat {
  transform: rotate(45deg);
  margin-top: -3px;
}

#toggle:checked + .hamburger + .overlay {
  top: 0;
  transform: scale(1);
}

/******************************************************************
1.1 Overlay menu
******************************************************************/
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--clr-white);
  opacity: 0;
  pointer-events: none;
  overflow: auto;
  z-index: 99;
  transition: opacity 0.25s ease-in-out;
}
.overlay.open {
  opacity: 1;
  pointer-events: auto;
}

.overlay__content {
  padding: 150px 0 0;
}

.overlay__layout {
  display: grid;
  gap: calc(var(--spacer) * 2.5);
}

/******************************************************************
Author:@warrengroom
Stylesheet: Link & button styles
******************************************************************/
/******************************************************************
Table of contents

1.0 Search icon
1.1 Overlay search
******************************************************************/
/******************************************************************
1.0 Search icon
******************************************************************/
#search-toggle {
  display: none;
}

.search {
  display: inline-block;
  position: relative;
  z-index: 999;
  cursor: pointer;
}
.search .material-icons-sharp {
  font-size: var(--fs-800);
}
.search .search-icon-close {
  display: none;
}
.search.open .search-icon-search {
  display: none;
}
.search.open .search-icon-close {
  display: block;
}

/******************************************************************
1.1 Overlay search
******************************************************************/
.search-overlay {
  display: grid;
  align-items: center;
  position: fixed;
  top: 116px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 116px);
  background: var(--clr-secondary-400);
  padding-top: var(--spacer);
  padding-bottom: var(--spacer);
  opacity: 0;
  pointer-events: none;
  overflow: auto;
  z-index: 99;
  transition: opacity 0.25s ease-in-out;
}
.search-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

@media only screen and (min-width: 64em) {
  /******************************************************************
  1.1 Overlay search
  ******************************************************************/
  .search-overlay {
    top: 152px;
    height: calc(100vh - 152px);
  }
}
/******************************************************************
Author:@warrengroom
Stylesheet: Company details
******************************************************************/
/******************************************************************
Table of contents

1.0 Company styles
******************************************************************/
/******************************************************************
1.0 Company styles
******************************************************************/
.local-business {
  display: grid;
  gap: var(--spacer);
}

.company__social {
  display: flex;
  gap: calc(var(--spacer) * 0.5);
}
.company__social .fab,
.company__social .fas {
  font-size: var(--fs-600);
}

/******************************************************************
Author:@warrengroom
Stylesheet: Link & button styles
******************************************************************/
/******************************************************************
Table of contents

1.0 Pagination
******************************************************************/
/******************************************************************
1.0 Pagination
******************************************************************/
.pagination {
  display: block;
  padding-top: calc(var(--spacer) * 3);
}

.page-numbers {
  justify-content: center;
  display: flex;
  gap: 3px;
}
.page-numbers li a {
  display: block;
  background-color: var(--clr-primary-400);
  padding: 0 0.5em;
  color: var(--clr-white);
  min-width: 30px;
}
.page-numbers li .current {
  background-color: var(--clr-black);
  color: var(--clr-white);
  padding: 0 0.5em;
  min-width: 30px;
}
@media only screen and (min-width: 48em) {
  /******************************************************************
  1.0 Pagination
  ******************************************************************/
  .pagination {
    display: block;
    padding-top: calc(var(--spacer) * 6);
  }
}
@media only screen and (min-width: 105em) {
  /******************************************************************
  1.0 Pagination
  ******************************************************************/
  .pagination {
    display: block;
    padding-top: calc(var(--spacer) * 8);
  }
}
/******************************************************************
Author: @warrengroom
Stylesheet: Mobile Portrait Stylesheet
******************************************************************/
/******************************************************************
Table of contents

1.0 General 
	1.1 Utilities
2.0 Links
	2.1 Navigation
4.0 Header
5.0 Footer
6.0 Functionality
	6.1 Slick Override
7.0 Content
	7.1 Hero
	7.2 Archives
		7.2.1 Archive
		7.2.2 Archive Index
    7.2.3 Archive Archive
    7.2.4 Archive Category
    7.2.5 Archive tag
    7.2.6 Archive Search
    7.2.7 Archive Author
	7.12 Pagination
8.0 Block Content
	8.1 Block: Content block
	8.2 Block: Content Columns
	8.3 Block: Content Rows
	8.4 Block: Accordion Content
	8.5 Block: Testimonial Slider
	8.7 Block: Latest News
	8.8 Block: Call to Action Button
	8.9 Block: Contact Details
	8.11 Block: Image Content Split
    8.12 Block: Image Gallery
    8.13 Block: Content Split
    8.15 Block: Logo Slider
    8.16 Block: Logo Grid
9.0 Single Talent
10.0 Statistics Repeater
******************************************************************/
:root {
  --spacer: 1.25rem;
  --shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  --border-radius: 0.225em;
  --wrap-100: 660px;
  --wrap-150: 780px;
  --wrap-200: 900px;
  --wrap-300: 1080px;
  --wrap-400: 1260px;
  --wrap-600: 105em;
  --box-shadow: 0 0.25em 1.5em rgba(0, 0, 0, 0.15);
}

.flow-content > * + * {
  margin-top: var(--flow-space, var(--spacer));
}

.flow-content--small {
  --flow-space: calc(var(--spacer) * 0.55);
}

.flow-content--large {
  --flow-space: calc(var(--spacer) * 3);
}

/****************************************************************** 
1.0 General
******************************************************************/
.wrap {
  margin: 0 auto;
  width: 88%;
  max-width: var(--wrap-max, 1200px);
}

/******************************************************************
1.1 Utilities
******************************************************************/
.alignleft,
.alignright,
.aligncenter,
.alignnone,
.wp-post-image {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/******************************************************************
4.0 Header
******************************************************************/
.header {
  position: sticky;
  top: 0;
  background-color: var(--clr-white);
  padding: 18px 0;
  z-index: 99;
  border-bottom: 2px solid var(--clr-border-color);
}

.header__layout {
  display: flex;
  align-items: center;
  gap: 1.25em;
}

.header__logo {
  position: relative;
  z-index: 999;
  font-size: var(--fs-700);
  letter-spacing: -0.07rem;
}
.header__logo a,
.header__logo a:visited {
  font-weight: var(--fw-bold);
}

.img-logo {
  max-width: 210px;
  max-height: 80px;
  margin: 0;
  border-radius: 0;
  z-index: 999;
}

.header__menu,
.header__shortcode,
.header__search,
.header__cta-btn {
  display: none;
}

.header__overlay-btn {
  margin-left: auto;
}

/******************************************************************
5.0 Footer
******************************************************************/
.footer {
  padding: calc(var(--spacer) * 3) 0 calc(var(--spacer) * 1.5);
  font-size: var(--fs-400);
  border-top: 2px solid var(--clr-border-color);
}
.footer h3,
.footer .h3 {
  margin-bottom: var(--spacer);
}

.footer__layout {
  display: grid;
  gap: calc(var(--spacer) * 2.5);
}

.footer__navigation {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacer) * 2.5);
}

.footer__menu-nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.footer__copy {
  margin-top: calc(var(--spacer) * 1.5);
  font-size: var(--fs-300);
}

/******************************************************************
7.1 Hero
******************************************************************/
.hero {
  padding-block: calc(var(--spacer) * 2);
  background-size: cover;
  background-position: center;
  background-color: var(--clr-secondary-100);
}
.hero .wrap {
  width: 100%;
}
.hero.hero-content-img {
  padding-top: 0;
}

.hero__layout {
  display: grid;
  gap: calc(var(--spacer) * 2);
}

.hero__content-content {
  order: 1;
  width: 88%;
  margin-inline: auto;
}

.hero__cta-link {
  display: inline-block;
  margin-right: 0.5rem;
}

.home .hero {
  background-position: top right;
}

.single-team_members .hero,
.single-talent .hero {
  background-color: var(--clr-white);
}

.single-talent .hero {
  padding-bottom: 0;
}

/******************************************************************
7.2 Archives
******************************************************************/
.byline {
  font-size: var(--fs-300);
}

/******************************************************************
7.2.1 Archive
******************************************************************/
.block--archive .grid-item__title {
  margin-top: 0;
}

/******************************************************************
7.2.2 Archive Index
******************************************************************/
/******************************************************************
7.2.3 Archive Archive
******************************************************************/
/******************************************************************
7.2.4 Archive Category
******************************************************************/
/******************************************************************
7.2.5 Archive tag
******************************************************************/
/******************************************************************
7.2.6 Archive Search
******************************************************************/
/******************************************************************
7.2.7 Archive Author
******************************************************************/
/******************************************************************
7.3 Single
******************************************************************/
/******************************************************************
8.0 Block Content
******************************************************************/
section {
  border-top: 2px solid var(--clr-border-color);
  padding: calc(var(--spacer) * 3) 0;
}
section:nth-child(2n+2) {
  background-color: var(--clr-secondary-100);
}
section > * + * {
  margin-top: calc(var(--spacer) * 2);
}
section.background-secondary:nth-child(2n+2) {
  background-color: var(--clr-secondary-600);
}

.single-talent section {
  border-top: 0;
  background-color: var(--clr-white);
}

.block--width-full .block__content .wrap {
  width: 100%;
  --wrap-max: 100%;
}

.block--width-smaller .block__content .wrap {
  --wrap-max: var(--wrap-200);
}

.block--width-smallest .block__content .wrap {
  --wrap-max: var(--wrap-100);
}

.block__header-layout {
  max-width: var(--wrap-150);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.block__footer-layout {
  max-width: var(--wrap-150);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/******************************************************************
8.1 Block: Content block
******************************************************************/
/******************************************************************
8.2 Block: Content Columns
******************************************************************/
/*
Uses Grid layout properties from partials/_grid.scss
*/
.page-id-253 .block--content-columns .grid {
  background-color: var(--clr-black);
  gap: 2px;
}
.page-id-253 .grid-item--column {
  background-color: var(--clr-white);
  padding: calc(var(--spacer) * 2);
}

.block--content-talent,
.block--content-team-members {
  text-align: center;
}
.block--content-talent img,
.block--content-team-members img {
  border-radius: 50%;
}
.block--content-talent .grid-item__link,
.block--content-team-members .grid-item__link {
  display: none;
}

.single-profile__contact-form {
  max-width: 660px;
  margin-inline: auto;
}

/******************************************************************
8.2 Block: Content Rows
******************************************************************/
/*
Uses Grid layout properties from partials/_grid.scss
*/
/******************************************************************
8.4 Block: Accordion Content
******************************************************************/
.accordion dl {
  border: 1px solid var(--clr-primary-600);
  margin: 0;
  padding: 0;
  width: 100%;
}

.accordion dd,
.accordion__panel {
  background-color: var(--clr-primary-100);
  margin: 0;
  width: 100%;
}

.accordion__padding {
  padding: calc(var(--spacer) * 1.5);
}

.accordion {
  position: relative;
  background-color: var(--clr-primary-100);
}

a.accordion__title,
a.accordion__title:visited {
  background-color: var(--clr-primary-400);
  text-align: center;
  font-weight: var(--fw-500);
  padding: calc(var(--spacer) * 1.5);
  display: grid;
  align-items: center;
  text-decoration: none;
  color: var(--clr-white);
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid var(--clr-primary-600);
  position: relative;
}
a.accordion__title:before,
a.accordion__title:visited:before {
  content: "+";
  font-size: var(--fs-600);
  transition: transform 0.3s ease-in-out;
  position: absolute;
  right: calc(var(--spacer) * 2);
}
a.accordion__title:hover,
a.accordion__title:visited:hover {
  color: var(--clr-white);
  background-color: var(--clr-primary-600);
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: var(--clr-primary-600);
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  transform: rotate(-225deg);
}

.accordion__item {
  height: auto;
  overflow: hidden;
  max-height: 50em;
  transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordion__item {
    max-height: 15em;
    transition: max-height 0.5s;
  }
}

.accordion__item.is-collapsed {
  max-height: 0;
}

.accordion__content {
  width: 100%;
}

.no-js .accordion__item.is-collapsed {
  max-height: auto;
}

.animateIn {
  animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
  }
}
/******************************************************************
8.5 Block: Testimonial Slider
******************************************************************/
.block--testimonial-slider {
  text-align: center;
}
.block--testimonial-slider .slick-next,
.block--testimonial-slider .slick-prev {
  transform: none;
}

.testimonial__image {
  width: 50%;
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacer);
}

.img-testimonial {
  border-radius: 50%;
}

.testimonial__author {
  font-size: var(--fs-400);
  font-weight: var(--fw-600);
}

/******************************************************************
8.7 Block: Latest News
******************************************************************/
.news-article__description {
  font-size: var(--fs-300);
}

/******************************************************************
8.8 Block: Call to Action Button
******************************************************************/
/*
Uses btn properties from modules/_buttons.scss
*/
/******************************************************************
8.9 Block: Contact Details
******************************************************************/
.block--contact-details .block__content-layout {
  display: grid;
  gap: var(--spacer);
}

/******************************************************************
8.11 Block: Image Content Split
******************************************************************/
/******************************************************************
8.12 Block: Image Gallery
******************************************************************/
.block--image-gallery .block__content-layout {
  gap: var(--spacer);
}

.image-gallery-item {
  aspect-ratio: 1/1;
  position: relative;
}
.image-gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/******************************************************************
8.15 Block: Logo Slider
******************************************************************/
.block--logo-slider .multiple-items .slick-track {
  display: flex;
  gap: 2rem;
  justify-items: center;
  align-items: center;
}
.block--logo-slider .multiple-items .slick-track img {
  max-width: 110px;
  width: auto;
  max-height: 90px;
  margin-inline: auto;
  filter: saturate(0);
}
.block--logo-slider .multiple-items .slick-track img:hover {
  filter: saturate(1);
}
.block--logo-slider .logo {
  position: relative;
}
.block--logo-slider .logo__link {
  position: absolute;
  bottom: 0;
  right: 0;
  display: grid;
  width: 55px;
  background-color: var(--clr-secondary-400);
  color: var(--clr-white);
  aspect-ratio: 1/1;
  border-radius: 50%;
  text-align: center;
  align-items: center;
  line-height: 15px;
  z-index: 99999;
}
.block--logo-slider .logo__link .link-style {
  color: var(--clr-white);
  text-transform: uppercase;
  font-size: var(--fs-200);
}

/******************************************************************
8.16 Block: Logo Grid
******************************************************************/
.block--content-logo-grid {
  text-align: center;
}
.block--content-logo-grid .grid {
  gap: 4rem;
}
.block--content-logo-grid .grid-item__image {
  display: grid;
  aspect-ratio: 16/13;
  align-items: center;
}
.block--content-logo-grid .grid-item__link {
  margin-top: 0;
}
.block--content-logo-grid img {
  width: auto;
  max-width: 130px;
  max-height: 90px;
  margin-inline: auto;
  filter: saturate(0);
}
.block--content-logo-grid img:hover {
  filter: saturate(1);
}

/******************************************************************
9.0 Single Talent
******************************************************************/
.single-profile .featured-image {
  text-align: center;
}
.single-profile .featured-image img {
  border-radius: 50%;
}
.single-profile.single-case-study .featured-image img {
  border-radius: 0;
}
.single-profile .partner-company,
.single-profile .date {
  max-width: 300px;
  margin-inline: auto;
  margin-bottom: 0.5rem;
}
.single-profile .bio {
  margin-top: 1.5rem;
}
.single-profile .social-links {
  margin-top: 0.5rem;
}

.single-profile__intro-layout {
  display: grid;
}

.single-profile__intro-content {
  display: grid;
  background-color: var(--clr-secondary-100);
  padding-block: 2rem;
  padding-inline: 2rem;
}

/******************************************************************
10.0 Statistics Repeater
******************************************************************/
.statistics-repeater-layout {
  display: grid;
  gap: 1.25em 2.25em;
  padding-block: 2.25rem;
  padding-inline: 2rem;
  border-block: 2px solid var(--clr-black);
}

.single-profile__statistics {
  margin-bottom: 3rem;
}

.statistics-platform h3 {
  font-weight: var(--fw-semi-bold);
}
.statistics-platform p {
  font-size: var(--fs-600);
}
.statistics-platform strong {
  font-weight: var(--fw-bold);
}

.single-profile-assigned {
  padding-block: 2rem;
  padding-inline: 2rem;
  background-color: var(--clr-secondary-100);
  margin-block: 3rem;
}

.single-profile-assigned__layout {
  display: grid;
  gap: 0.85em;
  margin-top: 1.25rem;
}
.single-profile-assigned__layout > div {
  display: grid;
  align-items: center;
  grid-template-columns: 40px calc(100% - 40px);
}

.assigned-talent__layout {
  display: grid;
  gap: 1.25em 2.25em;
}

.single-profile__gallery {
  margin-top: 3rem;
}
.single-profile__gallery .tiled-gallery {
  margin-top: 1.25rem;
}

.external-link {
  margin-top: 1.25rem;
}

.media-embed {
  margin-top: 1.25rem;
}
.media-embed iframe,
.media-embed blockquote {
  max-width: 100% !important;
}

.conclusion-text {
  border: 2px solid var(--clr-black);
  padding-inline: 2rem;
  padding-block: 2rem;
  margin-block: 3rem;
}

.testimonial {
  background-color: var(--clr-secondary-100);
  padding-inline: 2rem;
  padding-block: 2rem;
  margin-block: 3rem;
}

.testimonial-author {
  margin-top: 0.85em;
}

/******************************************************************
Author:@warrengroom
Stylesheet: Tablet Portrait Stylesheet
******************************************************************/
/******************************************************************
Opening breakpoint
******************************************************************/
@media only screen and (min-width: 48em) {
  /******************************************************************
  Table of contents

  3.0 Typography
  7.1 Hero
  ******************************************************************/
  /******************************************************************
  3.0 Typography
  ******************************************************************/
  /******************************************************************
  5.0 Footer
  ******************************************************************/
  .footer {
    padding: calc(var(--spacer) * 6) 0 calc(var(--spacer) * 1.5);
  }
  .footer__layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "company menu form" "copy copy copy";
  }
  .footer__company {
    grid-area: company;
  }
  .footer__navigation {
    grid-area: menu;
  }
  .footer__terms {
    grid-area: terms;
  }
  .footer__form {
    grid-area: form;
  }
  .footer__copy {
    margin-top: calc(var(--spacer) * 3.5);
    grid-area: copy;
    text-align: center;
  }
  /******************************************************************
  7.1 Hero
  ******************************************************************/
  .hero {
    padding-bottom: calc(var(--spacer) * 2);
  }
  /******************************************************************
  8.0 Block Content
  ******************************************************************/
  section > * + * {
    margin-top: calc(var(--spacer) * 3);
  }
  /******************************************************************
  8.11 Block: Image Content Split
  ******************************************************************/
  .block--width-full .grid-item__content-collect--row {
    padding-right: calc(var(--spacer) * 2.25);
  }
  .block--image-content-split .grid-rows,
  .block--image-content-split .grid-item--row {
    gap: 0;
    align-items: center;
  }
  .block--image-content-split .grid-rows-one-one .grid-item--row {
    grid-template-columns: 1fr 1fr;
  }
  .block--image-content-split .grid-rows-one-one .grid-item--row .image-content-split__image.grid-order-0 {
    grid-column-start: 1;
    grid-column-end: 2;
    order: 0;
  }
  .block--image-content-split .grid-rows-one-one .grid-item--row .image-content-split__content.grid-order-0 {
    grid-column-start: 2;
    grid-column-end: 3;
    order: 1;
    padding-right: 10%;
    padding-left: 10%;
  }
  .block--image-content-split .grid-rows-one-one .grid-item--row .image-content-split__content.grid-order-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    order: 0;
    padding-left: 10%;
    padding-right: 10%;
  }
  .block--image-content-split .grid-rows-one-one .grid-item--row .image-content-split__image.grid-order-1 {
    grid-column-start: 2;
    grid-column-end: 3;
    order: 1;
  }
  .block--image-content-split .grid-rows-one-two .grid-item--row {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .block--image-content-split .grid-rows-one-two .grid-item--row .image-content-split__image.grid-order-0 {
    grid-column-start: 1;
    grid-column-end: 2;
    order: 0;
  }
  .block--image-content-split .grid-rows-one-two .grid-item--row .image-content-split__content.grid-order-0 {
    grid-column-start: 2;
    grid-column-end: 4;
    order: 1;
    padding-right: 0;
    padding-left: 12%;
  }
  .block--image-content-split .grid-rows-one-two .grid-item--row .image-content-split__content.grid-order-1 {
    grid-column-start: 1;
    grid-column-end: 3;
    order: 0;
    padding-left: 0;
    padding-right: 12%;
  }
  .block--image-content-split .grid-rows-one-two .grid-item--row .image-content-split__image.grid-order-1 {
    grid-column-start: 3;
    grid-column-end: 4;
    order: 1;
  }
  .block--image-content-split .grid-rows-one-three .grid-item--row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .block--image-content-split .grid-rows-one-three .grid-item--row .image-content-split__image.grid-order-0 {
    grid-column-start: 1;
    grid-column-end: 2;
    order: 0;
  }
  .block--image-content-split .grid-rows-one-three .grid-item--row .image-content-split__content.grid-order-0 {
    grid-column-start: 2;
    grid-column-end: 5;
    order: 1;
    padding-right: 0;
    padding-left: 6%;
  }
  .block--image-content-split .grid-rows-one-three .grid-item--row .image-content-split__content.grid-order-1 {
    grid-column-start: 1;
    grid-column-end: 4;
    order: 0;
    padding-left: 0;
    padding-right: 6%;
  }
  .block--image-content-split .grid-rows-one-three .grid-item--row .image-content-split__image.grid-order-1 {
    grid-column-start: 4;
    grid-column-end: 5;
    order: 1;
  }
  /******************************************************************
  8.13 Block: Content Split
  ******************************************************************/
  .block--content-split .grid-rows-one-one .grid-item--row {
    grid-template-columns: 1fr 1fr;
  }
  .block--content-split .grid-rows-one-one .grid-item--row .content-split__title.grid-order-0 {
    grid-column-start: 1;
    grid-column-end: 2;
    order: 0;
  }
  .block--content-split .grid-rows-one-one .grid-item--row .content-split__content.grid-order-0 {
    grid-column-start: 2;
    grid-column-end: 3;
    order: 1;
    padding-right: 10%;
  }
  .block--content-split .grid-rows-one-one .grid-item--row .content-split__content.grid-order-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    order: 0;
    padding-right: 10%;
  }
  .block--content-split .grid-rows-one-one .grid-item--row .content-split__title.grid-order-1 {
    grid-column-start: 2;
    grid-column-end: 3;
    order: 1;
  }
  .block--content-split .grid-rows-one-two .grid-item--row {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .block--content-split .grid-rows-one-two .grid-item--row .content-split__title.grid-order-0 {
    grid-column-start: 1;
    grid-column-end: 2;
    order: 0;
  }
  .block--content-split .grid-rows-one-two .grid-item--row .content-split__content.grid-order-0 {
    grid-column-start: 2;
    grid-column-end: 4;
    order: 1;
    padding-right: 0;
    padding-left: 12%;
  }
  .block--content-split .grid-rows-one-two .grid-item--row .content-split__content.grid-order-1 {
    grid-column-start: 1;
    grid-column-end: 3;
    order: 0;
    padding-left: 0;
    padding-right: 12%;
  }
  .block--content-split .grid-rows-one-two .grid-item--row .content-split__title.grid-order-1 {
    grid-column-start: 3;
    grid-column-end: 4;
    order: 1;
  }
  .block--content-split .grid-rows-one-three .grid-item--row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .block--content-split .grid-rows-one-three .grid-item--row .content-split__title.grid-order-0 {
    grid-column-start: 1;
    grid-column-end: 2;
    order: 0;
  }
  .block--content-split .grid-rows-one-three .grid-item--row .content-split__content.grid-order-0 {
    grid-column-start: 2;
    grid-column-end: 5;
    order: 1;
    padding-right: 0;
    padding-left: 6%;
  }
  .block--content-split .grid-rows-one-three .grid-item--row .content-split__content.grid-order-1 {
    grid-column-start: 1;
    grid-column-end: 4;
    order: 0;
    padding-left: 0;
    padding-right: 6%;
  }
  .block--content-split .grid-rows-one-three .grid-item--row .content-split__title.grid-order-1 {
    grid-column-start: 4;
    grid-column-end: 5;
    order: 1;
  }
  /******************************************************************
  9.0 Single Talent
  ******************************************************************/
  .single-profile__intro-layout {
    grid-template-columns: 1fr 2fr;
    position: relative;
  }
  .single-profile__intro-layout .featured-image {
    position: relative;
    z-index: 2;
  }
  .single-profile__intro-content {
    padding-block: 3rem;
    padding-right: 3rem;
    padding-left: 6.5rem;
    margin-top: 2rem;
    margin-left: -5rem;
    position: relative;
    z-index: 1;
  }
  .statistics-repeater-layout {
    grid-template-columns: repeat(2, 1fr);
  }
  .single-profile__statistics {
    width: 78%;
    max-width: 800px;
    margin-inline: auto;
  }
  .single-case-study .single-profile__statistics {
    width: 100%;
    max-width: 100%;
  }
  .single-profile-assigned {
    width: 77.4%;
    max-width: 800px;
    padding-block: 3rem;
    padding-inline: 3rem;
    margin-block: 5rem;
    margin-inline: auto;
  }
  .single-profile-assigned__layout {
    margin-top: 2rem;
  }
  .assigned-talent__layout {
    grid-template-columns: repeat(2, 1fr);
  }
  .single-profile__gallery {
    margin-top: 5rem;
  }
  .single-profile__gallery .tiled-gallery {
    margin-top: 2rem;
  }
  /******************************************************************
  8.16 Block: Logo Grid
  ******************************************************************/
  .block--content-logo-grid .grid {
    gap: 6rem;
  }
  /******************************************************************
  Closing breakpoint
  ******************************************************************/
}
/******************************************************************
Author:@warrengroom
Stylesheet: Tablet Landscape Stylsheet
******************************************************************/
/******************************************************************
Opening breakpoint
******************************************************************/
@media only screen and (min-width: 64em) {
  /******************************************************************
  Table of contents
  1.0 General
  3.0 Typography
  4.0 Header
  7.1 Hero
  8.0 Block Content
      8.11 Block: Image Content Split
  ******************************************************************/
  /****************************************************************** 
  1.0 General
  ******************************************************************/
  body {
    font-size: var(--fs-450);
  }
  /******************************************************************
  3.0 Typography
  ******************************************************************/
  /******************************************************************
  4.0 Header
  ******************************************************************/
  .header__layout {
    gap: calc(var(--spacer) * 3);
  }
  .header__logo {
    margin-right: auto;
  }
  .header__menu {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .header__search {
    margin-left: auto;
  }
  .header__search label {
    display: grid;
    align-items: center;
  }
  .header__cta-btn {
    text-align: right;
    margin-left: auto;
    display: flex;
    gap: calc(var(--spacer) * 0.55);
  }
  .header__overlay-btn {
    display: none;
  }
  /******************************************************************
  7.1 Hero
  ******************************************************************/
  .hero {
    padding-block: calc(var(--spacer) * 4);
  }
  .hero.hero-content-img {
    padding-top: calc(var(--spacer) * 4);
  }
  .hero__layout {
    gap: calc(var(--spacer) * 4);
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .hero__content-content {
    order: 0;
    width: 100%;
  }
  .hero__content-image {
    order: 1;
    overflow: initial;
    isolation: isolate;
  }
  .hero__content-image img {
    filter: drop-shadow(1.3em 1.3em 0 var(--clr-white));
  }
  /******************************************************************
  8.0 Block Content
  ******************************************************************/
  /******************************************************************
  8.0 Block Content
  ******************************************************************/
  section {
    padding-block: calc(var(--spacer) * 6);
  }
  section > * + * {
    margin-top: calc(var(--spacer) * 3);
  }
  /******************************************************************
  8.11 Block: Image Content Split
  ******************************************************************/
  /******************************************************************
  9.0 Single Talent
  ******************************************************************/
  .single-profile__intro-layout {
    grid-template-columns: 2fr 3fr;
  }
  .single-profile__intro-content {
    margin-top: 3rem;
    padding-left: 8rem;
  }
  .single-profile-assigned__layout {
    gap: 0.95em;
    font-size: var(--fs-500);
  }
  /******************************************************************
  Closing breakpoint 
  ******************************************************************/
}
/******************************************************************
Author:@warrengroom
Stylesheet: Tablet Landscape Stylsheet
******************************************************************/
/******************************************************************
Opening breakpoint
******************************************************************/
@media only screen and (min-width: 105em) {
  /******************************************************************
  Table of contents
  7.1 Hero
  8.0 Block Content
  ******************************************************************/
  /******************************************************************
  Closing breakpoint 
  ******************************************************************/
}