/*
 Theme Name:   Twelve Kites Site
 Theme URI:    https://12kites.com
 Description:  Twelve Kites Site theme by Twelve Kites
 Author:       Twelve Kites Ltd
 Author URI:   http://12kites.com
 Template:     tk-studio
 Version:      1.0.0
 Requires PHP: 7.4
*/
 :root {
  --tk-teal: #084751;
  --tk-teal-light: #097583;
  --tk-teal-lightest: #8eb9c1;
  --tk-teal-lightmax: #cde3e6;
  --tk-teal-lightmax-as-rgb: 204, 227, 230;
  --white: #ffffff;
  --white-as-rgb: 255, 255, 255;
  --tk-pink: #e353a1;
  --tk-pink-light: #f693ac;
  --tk-pink-lightest: #f4d6e7;
  --tk-pink-max: #f4d6e7;
  --tk-pink-max-as-rgb: 252, 235, 243;
	
	--tk-brown: #8E5125;
	--tk-brown-light: #A86233;
	--tk-brown-lighter: #D9C2A3;
	--tk-brown-as-rgb: 142, 81, 37;
	--tk-brown-light-as-rgb: 168, 98, 51;
	--tk-brown-max-as-rgb: 237, 224, 212;
	
  --ew-pink: #de5396;
  --ew-pink-as-rgb: 222, 83, 150;
  --grey: #2E2E2E;
  --grey-as-rgb: 46, 46, 46;
  --darken-grey: #505050;
  --teal-as-rgb: 8, 71, 81;
  --bs-body-font-weight: 300 !important;
  --bs-body-line-height: 1.4rem !important;
}
/* roboto-light - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(./assets/fonts/roboto-light-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/roboto-v30-latin-regular.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/roboto-v30-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("./assets/fonts/roboto-v30-latin-italic.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/roboto-v30-latin-italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("./assets/fonts/roboto-v30-latin-500.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/roboto-v30-latin-500.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("./assets/fonts/roboto-v30-latin-500italic.woff2") format("woff2"), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url("./assets/fonts/roboto-v30-latin-500italic.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/barlow-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/barlow-condensed-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/barlow-condensed-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
	/* for light-dark colour schemes */
  min-height: 100vh;
  background: canvas;
  color: canvasText;
}
/* Light/Dark prefs */
* {
  box-sizing: border-box;
}

[data-theme=dark] {
  color-scheme: dark only;
}
[data-theme=light],
html {
  color-scheme: light only;
}
@media (prefers-color-scheme: dark) {
  color-scheme: only dark;
}

h2 {
  font-size: 1.9rem;
}
b, strong {
    font-weight: 500;
}
html body .h1 {
font-weight: 800;
letter-spacing: 2px;
}
/* Back to top button */
#btt-button {
  display: inline-block;
  background-color: var(--tk-brown-light);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 0;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#btt-button:hover {
  cursor: pointer;
  background-color: var(--tk-brown-light);
  background-color: transparent;
  border: 1px solid var(--tk-brown);
}
#btt-button:hover svg polyline {
  stroke: var(--tk-brown) !important;
}
#btt-button:active {
  background-color: var(--tk-brown);
}
#btt-button.show {
  opacity: 1;
  visibility: visible;
}
.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -5px;
  cursor: pointer;
}

/* Light/Dark button */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

[aria-pressed] {
  position: fixed;
  /*top: 35rem;*/
  left: 0.25rem;
  width: 1.25rem;
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  margin: 0;
  display: grid;
  place-items: center;
  border-radius: 6px;
  transition: background 0.2;
  cursor: pointer;
  background-color: color-mix(in lch, canvas, canvasText calc(var(--intent) * 15%));
  /*top: calc(62vh);*/
  z-index: 9999;
  bottom: 0.25rem;
  -webkit-transition: color .3s, opacity .5s, visibility .5s;
  -moz-transition: color .3s, opacity .5s, visibility .5s;
  -o-transition: color .3s, opacity .5s, visibility .5s;
  transition: color .3s, opacity .5s, visibility .5s;
}
[aria-pressed=true] path:nth-of-type(1) {
  display: none;
}
[aria-pressed=false] path:nth-of-type(2) {
  display: none;
}
/* hide the Light/Dark mode button until page scrolled */
#modal {
  opacity: 0;
  visibility: hidden;
}
#modal.show {
  opacity: 1;
  visibility: visible;
}

[data-theme=light] button.btn-toggle {
    color: var(--tk-brown);
}
[data-theme=dark] button.btn-toggle {
    color: var(--tk-brown-light);
}
button:focus:not(:focus-visible) {
    outline: 0;
}
button svg.btn-toggle {
  width: 1.5rem;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
button .btn-toggle :is(:focus-visible, :hover) {
  --intent: 1;
}

/* Light/Dark theme changes */
[data-theme=light] button.btn-toggle {
    color: var(--tk-brown);
}
[data-theme=dark] button.btn-toggle {
    color: var(--tk-brown-light);
}

/* possible... */
[data-theme=dark] .main-container .row:not(.imgbg):not(.testimonial-row-item):not(.darkened) .text-row .text-row-background, 
[data-theme=dark] .main-container .row.tk-team,
[data-theme=dark] .main-container .row.tk-team .row,
[data-theme=dark] .main-container .row.offering .row.vc_inner.tk-icons,
[data-theme=dark] body.page-web-development .main-container .row.offering .row.text-row-content,
[data-theme=dark] body.page-web-development .main-container .row.offering,
[data-theme=dark] body.page-web-development .main-container .row.filled.vc_row-has-fill,
[data-theme=dark] body.page-app-development .main-container .row.offering,
[data-theme=dark] body.page-app-development .main-container .row.offering .row.text-row-content {
    background-color: canvas !important;
}
[data-theme=dark] .main-container .text-row .text-row-background p, 
p[data-theme=dark] .row,
[data-theme=dark] body.page-about .ew-icons.content-container .col-sm-4,
[data-theme=dark] h1.theme-heading
{
    color: var(--tk-white) !important;
}

[data-theme=dark] h1.page-header-heading.theme-heading {
    color: var(--white) !important;
}
[data-theme=dark] body.page-engagementworks h1:not(.page-header-heading).theme-heading {
    color: var(--white) !important;
}

[data-theme=dark] body:not(.page-home):not(.page-about) .main-container .row.offering, 
[data-theme=dark] body:not(.page-home):not(.page-about) .main-container .row.offering .text-row .text-row-background, 
[data-theme=dark] body:not(.page-home):not(.page-about) .main-container .row.offering .row.text-row-content {
    background-color: var(--grey);
}
[data-theme=dark] .main-container #eworks.row.filled.vc_row-has-fill,
[data-theme=dark] .main-container #eworks.row.filled.vc_row-has-fill .text-row-background,
[data-theme=dark] .main-container #eworks.row.filled.vc_row-has-fill .row.text-row-content {
    background-color: var(--grey) !important;
}

[data-theme=dark] .main-container .row.darken, 
[data-theme=dark] .main-container .testimonial-carousel, 
[data-theme=dark] body.page-about .ew-icons.content-container .col-sm-4 {
    background-color: var(--darken-grey)!important;
}
[data-theme=dark] .main-container .row.darkened, 
[data-theme=dark] .main-container .row.darkened .row, 
[data-theme=dark] .main-container .row.darkened .text-row .text-row-background {
    background-color: var(--darken-grey) !important;
}
[data-theme=dark] .row.testimonial-row-item.bg-color-1 p, 
[data-theme=dark] .row.testimonial-row-item.bg-color-2 p,
[data-theme=dark] .text-image-row .dark-text-color-theme p {
    color: var(--white);
}

[data-theme=dark] .page-header .page-header-background.header-height-full {
    background-blend-mode: darken !important;
    background-color: rgba(0, 0, 0, 0.25) !important;
}
[data-theme=dark] .row.testimonial-row-item.bg-color-1 {
    background: linear-gradient(137deg, rgba(var(--grey-as-rgb), 0.1) 0%, 
    rgba(var(--grey-as-rgb), 0.1) 35%, 
    rgba(var(--grey-as-rgb), 1) 35%, 
    rgba(var(--grey-as-rgb), 1) 100%);
}

[data-theme=dark] .row.testimonial-row-item.bg-color-2 {
    background: linear-gradient(139deg, 
    rgba(var(--grey-as-rgb), 0.1) 0%, 
    rgba(var(--grey-as-rgb), 0.1) 65%, 
    rgba(var(--grey-as-rgb), 1) 65%, 
    rgba(var(--grey-as-rgb), 1) 100%);
}

[data-theme=dark] body.page-engagementworks .page-header .page-header-background.header-height-full {
    background-color: transparent !important;
}
[data-theme=dark] .oct-slide img {
    -webkit-filter: drop-shadow(20px 20px 0 canvas) drop-shadow(-20px 20px 0 canvas) drop-shadow(20px -20px 0 canvas) drop-shadow(-20px -20px 0 canvas);
    filter: drop-shadow(20px 20px 0 canvas) drop-shadow(-20px 20px 0 canvas) drop-shadow(20px -20px 0 canvas) drop-shadow(-20px -20px 0 canvas);
}

[data-theme=dark] .row.down-arrow.white::before {
    border-color: var(--darken-grey) transparent transparent transparent;
}
[data-theme=dark] .row.down-arrow.pink::before {
    border-color: canvas transparent transparent transparent;
    z-index: 999;
}

/* Nav bar area */
.site-header nav .nav-container {
/*-webkit-backdrop-filter: saturate(1) contrast(1) sepia(0) brightness(0.5) opacity(0.25) blur(0px);
backdrop-filter: saturate(1) contrast(1) sepia(0) brightness(0.5) opacity(0.25) blur(0px);*/
}
/* Off canvas menu */
.offcanvas, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-bg: var(--grey);
}
.off-canvas-nav .main-menu li a, .off-canvas-nav .close-menu-btn {
  color: var(--white);
}
.close-menu-btn {
  height: 50px;
}
.close-menu-btn .bi.bi-x-lg {
  display: block;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.site-header nav .nav-container .hamburger-btn {
  font-size: 2.5rem;
}
.hamburger-btn .bi.bi-list {
  display: block;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.close-menu-btn .bi.bi-x-lg:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 50px;
  background-color: var(--white);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: ease-out 0.35s all;
  -moz-transition: ease-out 0.35s all;
  -ms-transition: ease-out 0.35s all;
  -o-transition: ease-out 0.35s all;
  transition: ease-out 0.35s all;
}
.hamburger-btn .bi.bi-list:before {
  -webkit-transition: rotate 0.35s 0s, translate 0.35s 0.35s;
  -moz-transition: rotate 0.35s 0s, translate 0.35s 0.35s;
  -ms-transition: rotate 0.35s 0s, translate 0.35s 0.35s;
  -o-transition: rotate 0.35s 0s, translate 0.35s 0.35s;
  transition: rotate 0.35s 0s, translate 0.35s 0.35s;
}
.close-menu-btn .bi.bi-x-lg:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 50px;
  background-color: var(--white);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: ease-out 0.35s all;
  -moz-transition: ease-out 0.35s all;
  -ms-transition: ease-out 0.35s all;
  -o-transition: ease-out 0.35s all;
  transition: ease-out 0.35s all;
}
.hamburger-btn .bi.bi-list:after {
  transform: translate(-50%, -50%) rotate(45deg);
  transition: ease-out 0.35s all;
}
.close-menu-btn:hover .bi.bi-x-lg:before, .close-menu-btn:focus .bi.bi-x-lg:before {
  transform: translate(-50%, 0%) rotate(0);
  top: 25%;
}
.hamburger-btn:hover .bi.bi-list:before {
  opacity: 0;
  rotate: -45deg;
}
.close-menu-btn:hover .bi.bi-x-lg:after, .close-menu-btn:focus .bi.bi-x-lg:after {
  transform: translate(-50%, 0%) rotate(0);
  top: 76%;
}
.hamburger-btn:hover .bi.bi-list:after {
  transform: translate(-50%, 0%) rotate(0);
  top: 76%;
}
button.close-menu-btn:after {
  content: "Close";
  font-size: 0.85rem;
  color: var(--white);
  text-transform: uppercase;
  opacity: 0;
  position: absolute;
  top: 1.85rem;
  right: 1.25rem;
  transition: all 0.35s ease-out
}
button.hamburger-btn:after {
  content: "Menu";
  font-size: 0.95rem;
  color: var(--white);
  text-transform: uppercase;
  opacity: 0;
  position: absolute;
  top: 1.7rem;
  margin-left: -0.5rem;
  transition: all 0.35s ease-out;
  border-top: 2.5px solid var(--white);
  border-bottom: 2.5px solid var(--white);
  line-height: 1.75rem;
  font-weight: 400;
  rotate: 45deg;
}
.site-header nav .nav-container.nav-menu-overlay .hamburger-btn:after {
  color: var(--white);
  border-top: 2.5px solid var(--white);
  border-bottom: 2.5px solid var(--white);
}
.close-menu-btn:hover:after, .close-menu-btn:focus:after {
  opacity: 1;
}
.hamburger-btn:hover:after {
  opacity: 1;
  margin-left: -1.3rem;
  rotate: 0deg;
}
/* Off canvas menu links / footer sliding links */
.off-canvas-nav .main-menu li a, .site-footer a {
  background-image: linear-gradient(to right, var(--tk-brown-lighter), var(--tk-brown-lighter) 50%, var(--white) 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
.off-canvas-nav .main-menu li a:before, .site-footer a:before {
  content: '';
  background: var(--tk-brown-lighter);
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}
.off-canvas-nav .main-menu li a:hover, .site-footer a:hover {
  background-position: 0;
}
.off-canvas-nav .main-menu li a:hover::before, .site-footer a:hover::before {
  width: 100%;
}
.off-canvas-nav .main-menu .current-menu-item a, .site-footer .current-menu-item a {
  border-bottom: 3px solid var(--tk-brown);
}

.content-container a:not(.main-button) {
  background-image: linear-gradient(to right, var(--tk-teal-light), var(--tk-teal-light) 50%, var(--tk-brown) 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
.content-container a:not(.main-button):before {
  content: '';
  background: var(--tk-teal-light);
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}
.content-container a:not(.main-button):hover {
  background-position: 0;
}
.content-container a:not(.main-button):hover::before {
  width: 100%;
}
/* End Off canvas menu links */
/* Max width for content */
.container-md, .container-sm, .container {
  max-width: 1225px;
}
.content-no-stretch .content-container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 1225px;
}
.content-no-stretch .text-row .content-text {
  padding: 0;
}
.imgbg.vc_row-has-fill {
  padding: 6rem 4rem 4rem 4rem !important;
}
@media screen and (max-width: 500px) {
	.imgbg.vc_row-has-fill {
    padding: 4rem 1rem 4rem 1rem !important;
}
}
/* 2 columns with a background colour */
.filled.vc_row-has-fill {
  padding: 3rem calc(14vw) 2rem !important;
}
@media screen and (max-width: 500px) {
	.filled.vc_row-has-fill {
	padding: 3rem 0 2rem !important;
}
}
.vc_row-has-fill .text-row .text-row-content {
  padding: 0 !important;
}
/* Shadows clipped to transparent PNG images */
.filter-shadow img {
  -webkit-filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.41));
  -moz-filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.41));
  -ms-filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.41));
  -o-filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.41));
  filter: drop-shadow(0px 5px 4px rgba(0, 0, 0, 0.41));
}
/* Site header */
.page-header {
	min-height: 600px;
}
.para .page-header-background {
  position: relative;
  background-attachment: fixed !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.para.contain .page-header-background {
  background-size: auto !important;
  background-position: center top !important;
}
.page-header .page-header-background.header-height-full {
    background-blend-mode: darken !important;
    background-color: rgba(0, 0, 0, 0.25) !important;
}
.imgbg.tall.vc_row-has-fill {
  padding: 8rem 4rem 8rem 4rem !important;
  background-position: center center !important;
}
.ew .page-header-overlay {
  background: url(/wp-content/uploads/2024/08/ew-bubblestr.png);
  background-position: center center;
  background-size: contain;
  overflow: visible;
}
.ew .page-header-background {
  background: #1b1a38 url(/wp-content/uploads/2025/04/ew-headerw.png) center center / cover no-repeat;
  background-size: auto !important;
  background-position: right top !important;
}
.para.ew.page-header .page-header-content {
  background-color: rgba(var(--white-as-rgb), 0.1) !important;
}
.page-header .page-header-content {
  padding: 1.5rem 1.4% 2.5rem;
  box-sizing: border-box;
  margin-top: 2rem;
  margin-left: calc(30% - 250px);
  max-width: 50%;
}
body.loaded .page-header .page-header-content {
/* monochromatic option, no shadow */
		/*backdrop-filter: saturate(0) contrast(2) sepia(0.5) brightness(0.5) opacity(0.5);
		box-shadow: none;*/
/* Blurred with shadow */
		/*-webkit-backdrop-filter: blur(10px);
	  backdrop-filter: blur(10px);
	  -webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);
	  -moz-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);
	  box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);*/
	
	/*-webkit-backdrop-filter: saturate(1) contrast(1) sepia(0) brightness(0.5) opacity(0.5) blur(0px);
    backdrop-filter: saturate(1) contrast(1) sepia(0) brightness(0.5) opacity(0.5) blur(0px);
    -webkit-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.5); 
    clip-path: polygon(0% 0%, 100% 0, 100% 75%, 85% 100%, 0% 100%);*/
}
.page-header h1.theme-heading, 
.page-header h2.theme-subheading {
	color: var(--white)!important;
  opacity: 0;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
body.loaded .page-header h1.theme-heading, 
body.loaded .page-header h2.theme-subheading {
  opacity: 1;
}
@media screen and (min-width: 1401px) and (max-width:1620px) {
  .page-header .page-header-content {
    margin-left: calc(30% - 270px);
    max-width: 45%;
  }
}
@media screen and (min-width: 1101px) and (max-width:1400px) {
  .page-header .page-header-content {
    margin-left: calc(30% - 315px);
    max-width: 50%;
  }
}

@media screen and (min-width: 901px) and (max-width:1070px) {
  .page-header .page-header-content {
    margin-left: 0;
    max-width: 65%;
  }
}
@media screen and (min-width: 671px) and (max-width:900px) {
  .page-header .page-header-content {
    max-width: 85%;
    margin-left: 0;
  }
  .page-header-subheading {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 1070px) {
  .page-header .page-header-content {
  }
}
@media screen and (max-width:670px) {
  .page-header .page-header-content {
    max-width: 85%;
    margin-left: 0;
  }
	.page-header-heading {
}
  .page-header-subheading {
    margin-bottom: 0 !important;
  }
}
.page-header .page-header-background.header-height-full, 
.page-header .background-video.header-height-full {
  height: 57vh;
	min-height: 600px;
}
@media only screen and (max-device-width: 950px) and (orientation: landscape) { 
	.page-header .page-header-background.header-height-full, 
	.page-header .background-video.header-height-full {
  	height: 110vh;
	  }
	.para .page-header-background {
  	background-attachment: scroll !important;
		}
}
@media only screen and (max-device-width: 850px) and (orientation: portrait) { 
	.para .page-header-background {
  	background-attachment: scroll !important;
		}
}
.site-header nav .nav-container.nav-menu-overlay {
  background-color: rgba(var(--teal-as-rgb), 0.95);
}
.site-header nav .nav-container .navbar-brand img {
  height: 28px !important;
}
.site-header nav .nav-container .navbar-brand {
  margin: 1.75rem 1rem;
}
/* Scrolled logo switch */
.site-header nav .nav-container.nav-menu-overlay .navbar-brand img.logo-main {
  opacity: 0;
}
.site-header nav .nav-container.nav-menu-overlay .navbar-brand img.logo-alt {
  opacity: 1;
}
.site-header nav .nav-container .hamburger-btn {
  color: var(--white);
}
.site-header nav .nav-container.nav-menu-overlay .hamburger-btn {
  color: var(--white);
}
.container-alt.container-fluid.content-no-stretch {
  max-width: 100%;
}
.container-alt.container-fluid {
  max-width: 1225px;
}
.theme-subheading {
  color: var(--tk-teal-light) !important;
  letter-spacing: -0.5px !important;
  /*font-weight: 400;*/
  font-family: "Barlow", sans-serif!important;
  font-weight: 400!important;
}
.theme-heading {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800 !important;
  font-size: 4rem;
  line-height: 4rem;
  color: var(--tk-teal) !important;
  letter-spacing: 1px;
}
@media screen and (max-width: 400px) {
.theme-heading {
    font-size: 2rem;
    line-height: 2.5rem;
}
}
.content-container:not(.page-header-content) .light-text-color-theme .theme-heading,
.content-container:not(.page-header-content) .light-text-color-theme .theme-subheading {
    color: #fff !important;
}
.page-header h1.theme-heading, 
.page-header h2.theme-subheading {
}
.page-header h1.theme-heading {
    color: var(--white) !important;
}
.page-header .page-header-content .page-header-heading {
  line-height: 4rem;
}
.text-row .text-row-content, .vc_row-has-fill .text-row .text-row-overlay .text-row-content {
  padding: 4rem 0 !important;
}
.tkicons .text-row .text-row-content {
  padding: 3rem 0;
}
.page-header-subheading {
  font-size: 2.5rem;
}
.page-header-heading {
  font-size: 4.5rem;
}
.row.content-container .wpb_text_column.wpb_content_element {
  padding-left: 0;
  padding-bottom: 0;
}
.imgbg .col-sm.col.col-12.col-sm-12 {
  background: linear-gradient(to left, rgba(31, 31, 31, 0.5), rgba(31, 31, 31, 0.9))
}
.imgbg h1.theme-heading {
  color: var(--white) !important;
}
/* Down Arrow for some sections */
.row.down-arrow {
  position: relative;
  background: #fff;
  height: 0vh;
}
.row.down-arrow::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 50px;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
}
.row.down-arrow.white::before {
	border-color: #fff transparent transparent transparent;
}
.row.down-arrow.pink::before {
	border-color: #fbebf2 transparent transparent transparent;
}
.row.down-arrow.teal::before {
	border-color: #cde3e6 transparent transparent transparent;
}

/* Buttons */

/* Fancy buttons */
a.main-button, button.main-button {
  left: 50%;
  top: 50%;
  transform: translate(0%, 0%);
  color: var(--white) !important;
  text-decoration: none;
  font-size: 1.25rem;
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.4em 2em 0.5em 2em;
  transition: 0.2s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
  background-color: var(--tk-brown-light);
}
.page-header a.main-button {
  opacity: 0;
}
body.loaded a.main-button {
  opacity: 1;
}
a.main-button::before, button.main-button::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  background: var(--tk-brown);
  transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1);
  z-index: -1;
}
.page-header a.main-button, #contact-form button.main-button, .pinkbutton a.main-button {
  background-color: var(--tk-teal-light);
}
.page-header a.main-button::before, #contact-form button.main-button::before, .pinkbutton a.main-button::before {
  background: var(--tk-teal);
}
a.main-button::after, button.main-button::after, .pinkbutton a.main-button::after {
  content: "";
  display: inline-block;
  background-image: url("/wp-content/themes/tk-site/assets/img/arrow.png");
  position: absolute;
  top: 0;
  left: calc(100% - 3em);
  right: 3em;
  bottom: 0;
  background-size: 1.25em;
  background-repeat: no-repeat;
  background-position: center;
  transition: right 0.3s cubic-bezier(0.1, 0, 0.1, 1);
}
a.main-button:hover, button.main-button:hover {
  padding: 0.4em 3.5em 0.5em 0.5em;
}
a.main-button:hover::before, button.main-button:hover::before {
  left: calc(100% - 3em);
  right: 0;
  transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}
a.main-button:hover::after, button.main-button:hover::after {
  right: 0;
  transition: right 0.6s 0.4s cubic-bezier(0.1, 0, 0.1, 1);
} 

/* About Us */
#team .col-sm-4 {
  padding-right: 2%;
}
#team .row.vc_inner {
  padding-bottom: 2%;
}
/* Acceptable Use/Privacy tables */
table.cookies {
  margin-bottom: 2rem;
}
table.cookies tr {
  border-bottom: 1px solid var(--tk-teal-lightest);
}
table.cookies th {
  font-weight: 500;
}
table.cookies th, table.cookies td {
  padding: 1rem;
}
table.cookies tr td:nth-of-type(1) {
  width: 20%;
}
table.cookies tr td:nth-of-type(2) {
  width: 15%;
}
body.page-acceptable-use-policy article ul {
  list-style: disc;
}
body.page-acceptable-use-policy article ::marker {
  color: var(--tk-teal-light);
}
/* Icon Columns */
.row.content-container .tk-icons .wpb_text_column.wpb_content_element {
  margin-right: 3rem;
}
.tk-icons .col-sm.col.col-12.col-sm-6 {
  width: 48%;
  padding: 2% 4% 0;
}
.tk-icons .col-sm.col.col-12.col-sm-6:nth-of-type(1) {
  padding-left: 0;
  padding-right: 6%;
}
.row.offering .col-sm .tk-icons:nth-of-type(2) .col-sm {
  padding-top: 0 !important;
}
@media screen and (max-width:960px) {
  .tk-icons .col-sm.col.col-12.col-sm-6 {
    width: 100%;
    padding: 2% 4% 0 0;
  }
  .tk-icons .col-sm.col.col-12.col-sm-6:nth-of-type(1) {
    padding-right: 0;
  }
	.row.offering .text-row .text-row-content {
		padding: 2rem 0!important;
	}
	.row.offering .row.content-container .col-sm.col-12.col-sm-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}
	.row.offering .ew-icons.content-container .col-sm-4 {
		margin: 0 auto!important;
	}
	.row.tk-team .col-sm.col.col-12.col-sm-4 {
    padding-left: 0 !important;
}
}
/* Testimonials */
.testimonial-carousel h5 {
  color: var(--white) !important;
}
.testimonial-text {
  letter-spacing: 0.5px;
}
.testimonial-carousel .testimonial-author {
  /*font-family: "Bebas Neue", sans-serif;*/
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.25rem;
  margin-top: 2rem;
  letter-spacing: 0.75px;
}
.testimonial-carousel .testimonial-heading {
  font-size: 2rem;
  margin-bottom: 3rem;
  color: var(--white) !important;
}
.testimonial-carousel {
  background-color: unset;
  padding: 4rem;
}
/* Contact form */
h1.contact-form-heading.theme-heading {
  text-transform: uppercase;
}
.contact-form .content-container .content-form .form-control {
  background-color: var(--tk-teal-lightmax);
}
.form-floating > .form-control:focus ~ label {
  color: var(--tk-pink);
  font-weight: 500;
}
.contact-form .content-container .content-text .contact-form-content-text {
  font-size: 1.2rem;
}
/* Contact Us page form */
body.page-contact-us .contact-form .content-container {
  padding-top: 1rem;
}
/* Testimonials Page */
.testimonial-row-item h2 {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.testimonial-row-item .theme-subheading {
  color: var(--tk-teal-light) !important
}
[data-theme=dark] .testimonial-row-item .theme-subheading {
  color: var(--white) !important;
}
.container-alt.container:nth-of-type(even) .testimonial-row-item h2, 
.container-alt.container:nth-of-type(even) .client-info p {
  color: var(--tk-brown) !important;
}
.row.testimonial-row-item {
    margin-top: 4rem;
    margin-bottom: 4rem!important;
    padding: 2rem;
}
.testimonial-row-item .text-row .text-row-content {
    padding: 2rem 0 !important;
}

body.home .row.testimonial-row-item .text-row-content-text p:first-of-type {
    margin-top: 1rem;
}

/*Testimonial alternating rows - colourful, clipped effect background */
.row.testimonial-row-item.bg-color-1 {
    background: linear-gradient(137deg, rgba(var(--white-as-rgb), 1) 0%, 
    rgba(var(--white-as-rgb), 1) 35%, rgba(var(--tk-brown-as-rgb), 1) 35%, 
    rgba(var(--tk-brown-as-rgb), 1) 100%);
    position: relative;
    clip-path: polygon(0% 0%, 100% 0, 100% 75%, 85% 100%, 0% 100%);
}
.row.testimonial-row-item.bg-color-2 {
    background: linear-gradient(139deg, 
    rgba(var(--tk-teal-lightmax-as-rgb), 1) 0%, 
    rgba(var(--tk-teal-lightmax-as-rgb), 1) 65%, 
    rgba(var(--white-as-rgb), 1) 65%, rgba(var(--white-as-rgb), 1) 100%);
    position: relative;
    /* clip-path: polygon(0% 0%, 100% 0, 100% 100%, 85% 100%, 0% 100%); */
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 99%, 0 75%);
}



/* Testimonial-specific (but can be used in the main body) slidey links*/
/* Variables for opposing colours depending on the alternating row they appear in */

/* Pink layer background has teal links with pink slide on hover */
.bg-color-1 {
	--bttm-border: var(--tk-teal-light);
	--link-swipe-start: var(--tk-teal-light);
	--link-swipe-stop: var(--tk-brown);
	--link-border-stop: var(--tk-brown);
}
/* Teal layer background has pink links with teal slide on hover */
.bg-color-2 {
	--bttm-border: var(--tk-brown);
	--link-swipe-start: var(--tk-brown);
	--link-swipe-stop: var(--tk-teal-light);
	--link-border-stop: var(--tk-teal-light);
}
.testimonial-row-item a.client-site {
  background-image: linear-gradient(to right, var(--link-swipe-stop), var(--link-swipe-stop) 50%, var(--link-swipe-start) 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
.testimonial-row-item a.client-site:before {
  content: '';
  background: var(--link-border-stop);
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}
.testimonial-row-item a.client-site:hover {
  background-position: 0;
}
.testimonial-row-item a.client-site:hover::before {
  width: 100%;
}
.testimonial-row-item a.client-site {
  border-bottom: 3px solid var(--bttm-border);
}
/* */
@media screen and (max-width: 1000px) {
.testimonial-row-item .col-sm-6 {
    width: 100%;
}
}
.client-info {
  padding-left: 1rem;
  padding-right: 1rem;
}
.client-info p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: var(--tk-teal-light) !important;
  text-transform: uppercase;
}
body.home .row.testimonial-row-item {
background: unset;
}
p.client-info {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.75rem;
color: var(--tk-brown) !important;
text-transform: uppercase;
padding-left: 0;
padding-right: 0;
}
.testimonial-row-item p.client-info {
color: var(--tk-brown) !important;
}
body.page-testimonials h2 {
  margin-bottom: 1.5rem;
}
body.page-testimonials .text-row .text-row-content {
  padding: 4rem 0 0 !important;
}
/* Footer */
footer.site-footer {
  background-color: var(--grey);
}
footer.site-footer {
  color: var(--white);
  padding: 2.5rem 0 1.5rem;
}
footer.site-footer .footer-col {
  padding-bottom: 0;
}
footer.site-footer p {
  font-size: 0.8rem;
} /* Footer links defined in Fancy Links above */
/* TODO: remove hardcoded breakpoint values and replace with global vars */
@media screen and (max-width: 1280px) {
  .content-no-stretch .content-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 577px) {
  .site-header nav .nav-container .navbar-brand img {
    height: 20px !important;
  }
  .page-header-subheading {
    /*font-size: 2.11rem;*/
  }
  .page-header-heading {
    /*font-size: 3.5rem;*/
  }
  .theme-subheading + .theme-heading {
    margin-top: 0.2rem;
  }
  .text-image-row .text-image-row-content, .text-row .text-row-content {
    padding: 3rem 0;
  }
	body.page-app-development .text-image-row .text-image-row-content {
    padding: 0;
}
	
	.content-no-stretch .testimonial-carousel .content-container {
	padding-left: 0;
	padding-right: 0;
}
}
/* Rotating icons on hover */
.cf {
    position: relative;
    /* margin: 30px auto; */
    width: 4.5rem;
    height: 4.5rem;
    margin-bottom: 1.5rem !important;
}
.cf img {
  position: absolute;
  left: 0;
  top: 0;
}

/* Scroll highlights */
h5.theme-subheading {
  margin-bottom: 1.5rem;
  font-size: 1.7rem;
}
@media screen and (max-width: 500px) {
	h5.theme-subheading {
    font-size: 1.4rem;
}
	.tk-icons h5.theme-subheading {
    margin-bottom: 0.5rem;
}
}

section {
  margin-bottom: 2rem;
}
.dark header svg path {
  fill: white;
}

@keyframes highlight {
  to {
    --highlighted: 1;
  }
}
::view-transition-new(root) {
  animation: grow 1s;
}
::view-transition-old(root) {
  animation: none;
}
@keyframes grow {
  0% {
    clip-path: polygon(50vmax 50vmax, 50vmax 50vmax, 50vmax 50vmax);
  }
  100% {
    clip-path: polygon(50vmax -100vmax, -100vmax 200vmax, 200vmax 200vmax);
  }
}
/* Engagement Works Page */
.para .page-header-background {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body.page-engagementworks .contact-form .content-container .content-form .form-control {
  background-color: var(--tk-teal-lightest);
}
body.page-engagementworks .site-header nav .nav-container.nav-menu-overlay {
  border-bottom: 1px solid #fff;
}
body.page-engagementworks .single-quote h2 {
  color: #fff !important;
  margin-bottom: 2rem;
  font-style: italic;
}
/* Octopus 'animation' */
.oct-slide img {
  transition: all 2s !important;
}
@media screen and (max-width: 960px) {
	.oct-slide img {
    transition: all 1s !important;
}
}
.slideInUp.animated {
  -webkit-animation-duration: 2s !important;
  animation-duration: 2s !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: wpb_appear 2s 1 cubic-bezier(.175, .885, .32, 1.275);
  -o-animation: wpb_appear 2s 1 cubic-bezier(.175, .885, .32, 1.275);
  animation: wpb_appear 2s 1 cubic-bezier(.175, .885, .32, 1.275);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ew-features {
  padding: 2rem 4rem;
}
.ew-features h6 {
  font-size: 1.2rem;
  /* width: 100%; */
  border-bottom: 1px solid #df5ca2;
  margin-bottom: 5rem;
  line-height: 1.5rem;
  display: flow-root;
}
span.left, span.right {
  transition: color 2s;
}
.left {
  float: left;
}
.right {
  float: right;
}
.oct-slide img {
  margin-top: -28rem;
  transition: all 2s;
}
.oct-slide img {
    margin-top: -28rem;
    transition: all 2s;
    -webkit-filter: drop-shadow(20px 20px 0 var(--white)) drop-shadow(-20px 20px 0 var(--white)) drop-shadow(20px -20px 0 var(--white)) drop-shadow(-20px -20px 0 var(--white));
    filter: drop-shadow(20px 20px 0 var(--white)) drop-shadow(-20px 20px 0 var(--white)) drop-shadow(20px -20px 0 var(--white)) drop-shadow(-20px -20px 0 var(--white));
}

.ew-icons.content-container .col-sm-4 {
  background-color: var(--tk-brown-light);
  padding: 1rem 2rem !important;
  color: #fff;
  margin: 0 1.5rem;
  box-sizing: border-box;
  text-align: center;
  width: calc((100% / 3) - 3rem)!important;
}
body.page-about .ew-icons.content-container .col-sm-4 {
    background-color: #fff;
    color: #232323;
    text-align: left!important;
}
.row.content-container .col-sm.col-12.col-sm-4 {
    padding-left: 2rem !important;
    padding-bottom: 2rem !important;
    padding-right: 2rem !important;
    /* margin-right: 0 !important; */
}
.row.content-container .col-sm.col-12.col-sm-4:nth-of-type(1) {
    margin-left: 0;
}
@media screen and (min-width:961px) and (max-width:1024px) {
  .ew-icons.content-container .col-sm-4 {
    width: calc((100% / 2) - 3rem)!important;
    margin-bottom: 3rem;
  }
  .ew-icons.content-container .col-sm-4:last-of-type {
    margin: 0 auto;
  }
}
@media screen and (max-width:960px) {
body.page-engagementworks .page-header .content-container h2.theme-subheading {
    color: #fff !important; 
}
}
@media (min-width: 851px){
	.col-sm-8 {
		width: 66.66666667%!important;
}
	.col-sm-4 {
		width: 33.33333333%!important;
}	
}

@media (max-width: 850px){
	.col-sm-8,
	.col-sm-4 {
		width: 100%!important;
}
}
@media screen and (min-width:770px) and (max-width:1024px) {
	.row.ew-icons.content-container .col-sm.col-12.col-sm-4:nth-of-type(1) {
    margin-left: 1.5rem!important;
}
}
@media screen and (min-width:770px) and (max-width:960px) {
  .ew-icons.content-container .col-sm-4 {
    width: calc((100% / 2) - 3rem)!important;
    margin-bottom: 3rem;
  }
  .ew-icons.content-container .col-sm-4:last-of-type {
    margin: 0 auto;
  }
}
@media screen and (max-width:769px) {
  .ew-icons.content-container .col-sm-4 {
    width: 100%!important;
    margin: 0 auto 3rem;
  }
}
.row.filled.pinkbutton .col-sm-8 {
  width: 75%;
}
.row.filled.pinkbutton .col-sm-4 {
  width: 25%;
}
.row.filled.pinkbutton .col-sm-4 img {
  /*margin-top: 25%;*/
}
@media screen and (min-width:801px) and (max-width:1024px) {
  .row.filled.pinkbutton .col-sm-4 {
    width: 50%;
  }
  .row.filled.pinkbutton .col-sm-4 img {
    /*margin-top: 50%;
    width: 75%;*/
  }
  .row.filled.pinkbutton .col-sm-8 {
    width: 50%;
  }
}
@media screen and (min-width:1px) and (max-width:800px) {
  .row.filled.pinkbutton .col-sm-4 {
    width: 100%;
  }
  .row.filled.pinkbutton .col-sm-4 img {
    margin-top: 0;
    width: 100%;
  }
  .row.filled.pinkbutton .col-sm-8 {
    width: 100%;
  }
}
.ew-feature-col h5 {
  color: #fff !important;
}
.ew-icons {
  margin: 0 auto;
  width: 100px;
  height: auto;
}
.ew-icons h5 {
  font-size: 1.5rem;	
font-family: "Barlow", sans-serif!important;
  font-weight: 400!important;
}
.ew-icons p {
  font-size: 1.1rem;
  line-height: 1.5rem;
}
.ew-icons .wpb_content_element.wpb_raw_html {
  margin-bottom: 1rem !important;
}
body.page-engagementworks .page-header .page-header-content {
	margin-top: 4rem;
}
body.page-engagementworks h2 :not(.single-quote) {
  color: var(--tk-teal) !important;
}
body.page-engagementworks .page-header h2.theme-subheading {
  filter: none;
  color: #fff !important;
  background: none;
}
body.page-engagementworks .vc_row-has-fill .light-text-color-theme h1 {
  color: #fff !important;
}

@media screen and (min-width: 801px) and (max-width: 1100px) {
  .oct-slide img {
    margin-top: -26rem;
    max-width: 400px !important;
  }
}
@media screen and (max-width: 1100px) {
  .ew-features h6 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1px) and (max-width: 890px) {
  .oct-slide img {
    margin-top: -44rem;
    max-width: 300px !important;
  }
  .ew-features-items {
    margin-top: 14rem;
  }
  .ew-features-items h6 {
    border-bottom: none !important;
  }
  .ew-features-items span.left {
    width: 45%;
    background-color: var(--ew-pink);
    padding-left: 1rem;
    text-align: left;
    color: #fff;
    padding-top: 2px;
  }
  .ew-features-items span.right {
    width: 45%;
    background-color: var(--ew-pink);
    padding-right: 1rem;
    text-align: right;
    color: #fff;
    padding-top: 2px;
  }
}
@media screen and (max-width: 670px) {
  .oct-slide img {
    margin-top: -47rem;
    max-width: 300px !important;
  }
  .ew-features h6 {
    margin-bottom: 0 !important;
  }
  .ew-features h6 span.left, .ew-features h6 span.right {
    float: none;
    display: block;
    margin-bottom: 1rem;
    width: 100% !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    line-height: 2rem;
  }
}