/*!
Theme Name: Loopt
Theme URI: http://underscores.me/
Author: Dalma Lipcsei
Author URI: https://dalmart.co.uk/
Description: A custom theme for Loopt.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: loopt
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Loopt is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/*** COLORS ***/
:root{
	--white: #FFF;
	--black: #282828;
	--darker-black: #181a1d;
	--lighter-black: #323232;
	--off-white: #CECED0;
	--blue: #06c;
	--light-blue: #20AAEB;
	--green: #9FCA2F;
	--magenta: #E262E3;
	--red: #df1c2f;
	--gray-bg: #f5f7f9;
}
/*********** GENERAL ***********/
html {
	scroll-behavior: smooth;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif;
	color: var(--darker-black);
	background: var(--white);
	font-weight: 300;
}
p {
	color: var(--darker-black);
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
	margin-bottom: 1rem;
	letter-spacing: 0.5px;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	p {
		font-size: 14px;
	}
}
/*p, ul li {
	font-size: 1.07rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin: 1rem 0;
    color: var(--black);
}*/
.button-primary, input[type="submit"] {
	font-family: "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: center;
    border-radius: 3px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 14px;
    padding: 16px 40px;
    color: var(--white);
    background-color: var(--red);
    margin-top: 40px;
    display: inline-block;
    transition-property: background-color;
    transition-duration: 250ms;
    transition-timing-function: ease;
}
.button-primary:hover, input[type="submit"]:hover {
	background-color: rgb(208, 12, 42);
	color: var(--white);
	text-decoration: none;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.button-primary, input[type="submit"] {
		font-size: 13px;
		margin-top: 1.5rem;
	}
}
.button-secondary {
	color: #fff;
	font-weight: 500;
	transition-property: color, fill;
    transition-duration: 250ms;
    transition-timing-function: ease;
    display: flex;
    align-items: center;
}
.button-secondary svg {
	margin-left: 7px;
	margin-top: 1px;
}
.button-secondary svg path {
	transition-property: color, fill;
    transition-duration: 250ms;
    transition-timing-function: ease;
}
.button-secondary:hover svg path {
	fill: var(--blue);
}
.button-secondary:hover {
	color: var(--blue);
}
.arrow-before:before {
	content: '';
    width: 7px;
    height: 12.244px;
    background-image: url(/wp-content/themes/loopt/images/arrow-blue.svg);
    background-repeat: no-repeat;
    position: relative;
    top: 1.3px;
    display: inline-block;
    right: 0;
    margin-right: 4px;
    margin-left: 3px;

}
.arrow-after:after {
	content: '';
    width: 7px;
    height: 12.244px;
    background-image: url(/wp-content/themes/loopt/images/arrow-blue.svg);
    background-repeat: no-repeat;
    position: relative;
    top: 0.8px;
    display: inline-block;
    right: 0;
    margin-right: 3px;
    margin-left: 4px;
}
.arrow-after-size-two:after {
	content: '';
    width: 7px;
    height: 12.244px;
    background-image: url(/wp-content/themes/loopt/images/arrow-blue.svg);
    background-repeat: no-repeat;
    position: relative;
    top: 3.8px;
    display: inline-block;
    right: 0;
    margin-right: 3px;
    margin-left: 4px;
    background-size: 85%;
}
.arrow-after-size-two br {
	display: none;
}
.arrow-after-size-three:after {
	content: '';
    width: 10px;
    height: 17.244px;
    background-image: url(/wp-content/themes/loopt/images/arrow-blue.svg);
    background-repeat: no-repeat;
    position: relative;
    top: 0.6px;
    display: inline-block;
    right: 0;
    margin-right: 3px;
    margin-left: 6px;
    background-size: contain;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.arrow-after-size-two br {
		display: block;
	}
	.arrow-after-size-two:after {
	    top: 3px;
	}
	.arrow-after:after {
	    top: 2px;
    }
    .arrow-after-size-three:after {
    	top: 1.6px;
    }

}



.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
	font-family: "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 0;
	color: var(--black);
}
h1, .h1 {
    color: var(--white);
    line-height: 1.25em;
    font-size: clamp(25px, 3.4vw, 44px);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
h2, .h2 {
	font-size: clamp(24px, 2.4vw, 28px);
    font-weight: 300;
    letter-spacing: 0.25px;
    line-height: 1.375em;
    margin-bottom: 1.25rem;
}
h3, .h3 {
	letter-spacing: 0.1em;
    line-height: 1.375em;
    text-transform: uppercase;
    font-size: clamp(11px, 1vw, 14px);
    margin-bottom: 1rem;
    font-weight: 500;
}
h4, .h4 {
	letter-spacing: 0.1em;
    line-height: 1.375em;
    text-transform: uppercase;
    font-size: clamp(18px, 1.4vw, 20px);
    font-weight: 500;
    margin-bottom: 0.25rem;
}
h5, .h5 {
    font-size: clamp(16px, 1.3vw, 18px);
    font-weight: 300;
    letter-spacing: 0.25px;
    line-height: 1.375em;
    margin-bottom: 0.5rem;
}
h6, .h6 {
	font-size: clamp(14px, 1vw, 16px);
	font-weight: 400;
	letter-spacing: 0.15px;
	line-height: 1.21053;
	margin-bottom: 0.6em;
	text-transform: capitalize;
}

img {
	max-width: 100%;
	max-height: 100%;
}
a {
	color: var(--blue);
	text-decoration: none;
	transition-property: all;
    transition-duration: 250ms;
    transition-timing-function: ease;
    line-height: 1.5em;
}
a:hover {
	color: var(--blue);
	text-decoration: underline;
}
a:hover p {
	text-decoration: none;
}
.disabled {
	pointer-events: none;
}
.text-center {
	text-align: center;
}
section {
	padding: 5rem 0;
}
footer {
	padding-top: 3rem;
	padding-bottom: 1.5rem;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	section {
		padding: 2.5rem 0;
	}
	footer {
		padding: 1.5rem 0;
	}
}
/*** Header styles ***/
.menu-bar {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22.45px 32px;
    background: var(--darker-black);
    right: 0;
    left: 0;
    top: 0px;
    z-index: 2;
    transition-property: background-color;
    transition-duration: 500ms;
    transition-timing-function: ease;
    position: fixed;
}
.home .menu-bar {
	top: 65px;
	position: absolute;
	background: unset;
}
@media (max-width: 655px) {
	.home .menu-bar {
		top: 62px;
	}
	.menu-bar {
		top: 0px;
	}
	.home .mobmenur-container {
    	top: 76px !important;
    }
}
@media (max-width: 900px) {
	.menu-bar {
    	padding: 0.5rem 1rem;
	}
}

.menu-bg {
  background-color: var(--darker-black) !important;
  position: fixed !important;
  top: 0 !important;
}
.home .mobmenur-container-fixed,
body:not(home) .mobmenur-container {
  position: fixed !important;
  top: 14px !important;
}
.main-logo {
	max-width: 120px;
	height: auto;
}
#primary-menu {
	display: flex;
	position: relative;
}
#primary-menu li {
	list-style: none;
	padding: 0 1rem;
	}
#primary-menu li a {
	color: var(--white);
	transition-property: all;
    transition-duration: 250ms;
    transition-timing-function: ease;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.1em;

}
#primary-menu li:hover a {
	opacity: 0.75;
	text-decoration: none;
}
.current-menu-item a {
	border-bottom: solid 2px var(--white);
	width: fit-content;
}
.menu-sub-menu-container .current-menu-item a {
	border-bottom: solid 1px var(--darker-black);
}
header svg {
	transition: .35s cubic-bezier(.3,.86,.36,.95);
    transition-duration: .7s;
    margin-right: 0.75rem;
    margin-left: 0.75rem;
}
footer svg {
	transition: .35s cubic-bezier(.3,.86,.36,.95);
    transition-duration: .7s;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}

header .socials {
	display: flex;
}
header .socials a:last-of-type svg {
    margin-right: 0px;
}
footer svg path, header svg path {
	fill: var(--white);
	transition: .35s cubic-bezier(.3,.86,.36,.95);
    transition-duration: .7s;
}
footer .svg-link:hover svg path, header .svg-link:hover svg path {
	fill: var(--white);
}
footer .svg-link:hover svg, header .svg-link:hover svg  {
	transform: scale(1.15);
}
.svg-link:hover {
	text-decoration: none;
}
@media only screen and (max-width: 1023px) {
	/*body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
    padding-top: 87px !important;
	}*/
	.mob-menu-header-holder {
		width: 44px !important;
	}
	header .socials {
		display: none;
	}
}
.show-nav-right .mob-expand-submenu i {
	color: rgb(168, 172, 177) !important;
}
.mob-icon-cancel-1:before {
	content: '' !important;
    background-image: url(/wp-content/themes/loopt/images/close.png) !important;
    width: 20px !important;
    height: 20px !important;
    background-size: 100% 100% !important;
    position: absolute !important;
    right: 0px !important;
    margin-right: 26px !important;
    margin-top: 21px !important;
}
.mobmenu-content {
    margin-top: 90px;
}
.mobmenu-content #mobmenuright .sub-menu a {
    font-size: 16px !important;
}
.mob-expand-submenu {
    right: 55px !important;
}
.mobmenu-content li a {
	padding: 0px !important;
	margin: 10px 20px !important;
}


/*** Sub menu ***/
.sub-menu-wrapper {
	color: rgb(0, 0, 0);
    position: absolute;
    top: 44px;
    left: 0%;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-radius: 3px;
    box-shadow: rgb(0 0 0 / 37%) 0px 30px 80px 0px;
    background-color: rgb(255, 255, 255);
    min-height: 0px;
    min-width: max-content;
    animation: 600ms ease 0s 1 normal none running hUniol;
    display: none;
}
.sub-menu-right {
	background-color: rgb(245, 247, 249);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 4rem;
}
#menu-sub-menu li a {
	color: var(--black);
	font-weight: 300;
    letter-spacing: 0.025em;
    line-height: 1.5em;
    font-size: 14px;
    white-space: nowrap;
    text-transform: none;
}
#menu-sub-menu li {
	margin-bottom: 1.5rem;
	padding: 0;
}
#menu-sub-menu li:last-of-type {
	margin-bottom: 0;
} 
span.sub-menu-left {
	display: flex;
    flex-direction: column;
}
.sub-menu-left-inner {
	display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 3.5rem 4.5rem 4rem 4rem;
}
.sub-menu-left-inner-inner {
	position: relative;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}
.sub-menu-left-link {
	position: relative;
    display: flex;
    flex-flow: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
}
.sub-menu-left-link img {
    height: auto;
    width: 5.6rem;
    margin-right: 2.5rem;
}
.sub-menu-text {
	display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}
.sub-menu-text p {
	font-size: 14px;
	margin-bottom: 2.5rem;
}
.sub-menu-text a {
	font-size: 14px;
}
.sub-menu-wrapper:before {
	content: '';
    position: absolute;
    left: 48px;
    top: -17px;
    border-style: solid;
    border-width: 10px 14px 10px 0;
    border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    transform: rotate( 
-0.75turn);}
.sub-menu-text a svg {
	margin-left: 6px;
    position: relative;
    top: 1.3px;
}
.sub-menu-text a svg path {
	fill: var(--blue);
}
.display-menu {
	display: flex;
}
#menu-item-55:after {
	content: '';
    background-image: url('/wp-content/themes/loopt/images/arrow.svg');
    width: 7px;
    height: 12.244px;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    position: relative;
    top: 0px;
    margin-left: 8px;
}
#menu-item-55 {
	display: flex;
	align-items: center;
}


/***** FOOTER *****/
/* footer */
footer {
	background: var(--darker-black);
}
footer a,
footer p {
	color: var(--white);
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
footer .footer-contact a:hover {
	opacity: 0.85;
	color: var(--white);
	text-decoration: none;
}
/* Large and up */
@media screen and (min-width: 64em) {
	.footer-center, .menu-footer-menu-container {
	    width: max-content;
	    margin-right: auto;
	    margin-left: auto;
	}
}

/* Slick Slider */
/*.image-slider {
	z-index: -1;
}*/
.slick-arrow {
  position: absolute;
	top: 50%;
	z-index: 1;
	background: unset;
	border: 0px;
	padding: 0px 1rem;
	cursor: pointer;
}
.image {
  /*box-shadow: inset 0px 0px 100vw rgb(0,0,0);*/
}
.image img {
  position: relative;
  z-index: -2;
}
.slick-arrow svg {
	width: 22px;
}
.slick-arrow svg path {
	transition: all 0.25s ease;
}
.slick-arrow:hover svg path {
	fill: #fff;
}
.slick-prev {
	left: 0;
	transform: translateY(-50%);
}
.slick-next {
	right: 0;
	transform: translateY(-50%) rotate(180deg);
}
.image-slider img,
.image-slider video {
	width: 100%;
    max-height: 760px;
    min-height: 62vh;
    object-fit: cover;
    height: calc(100vh - 45px);
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.image-slider img,
	.image-slider video {
		width: 100%;
    	max-height: 62vh;
    }
}

.slider-text-container {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	left: 50%;
}
.slider-text-container .slider-text {
	max-width: 680px;
	min-width: 90vw;
}
.slider-text-inner-container {
	text-align: center;
}
.slider-text-inner-container .button-secondary {
	justify-content: center;
}
.slider-text h1 {
	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 6px;
    color: var(--white);
    line-height: 1.25em;
    font-size: clamp(25px, 3.4vw, 44px);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;

}
@media (min-width: 900px) {
	.slick-arrow {
 		padding: 0px 32px;
 	}
	.slider-text-container {
		padding: 2rem 8.75rem;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
	}
	.slider-text-container .slider-text {
		max-width: 680px;
		min-width: unset;
		
	}
	.slider-text-inner-container {
		text-align: left;
	}
	.slider-text-inner-container .button-secondary {
		justify-content: flex-start;
	}
}
.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li {
  height: 15px;
  width: 50px;
}
.slick-dots li button {
  position: relative;
  background-color: white;
  opacity: 0.25;
  width: 50px;
  height: 3px;
  padding: 0;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  opacity: 1;
}
.slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}
.slick-dots li.slick-active button:hover,
.slick-dots li.slick-active button:focus {
  opacity: 1;
}
/* galaxy fold */
@media screen and (min-width: 0em) and (max-width: 320px) {
	.image-slider img {
		min-height: 73vh;
	}
}

/* FAQ NEW */
.faq {
	background: var(--gray-bg);
}
.faq ul, .faq li {
	list-style:none;
}

.ul-faq li{
	padding:20px;
}

.ul-faq li.q{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 10px;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 1px solid #e4e6e7;
}
.ul-faq li.q.no-border {
	border-bottom: 0px;
}

.ul-faq li.a {
	display:none;
	padding: 10px 10px 4px;
    border-bottom: 1px solid #e4e6e7;
}
.ul-faq li svg {
	-webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ul-faq li svg.rotate{
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}

/* END OF FAQ NEW */

.footnote {
	margin-top: 30px;
    background: var(--white);
    background-color: rgb(249, 250, 251);
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 3%) 5px 3px 15px 0px;
    padding: 20px 8px 18px;
}
.icon-text .footnote {
	background: var(--gray-bg);
}
.footnote p {
	margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.375em;
    text-transform: uppercase;
    font-size: clamp(12px, 1vw, 14px);
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.footnote p br {
		display: none;
	}
	section.icon-text .footnote {
		margin-top: 0px;
	}
}
/* notice bar */
.notice-bar {
	background: var(--gray-bg);
    background-color: rgb(249, 250, 251);
    border-radius: 4px;
    padding: 22px 12px;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.notice-bar {
	    padding: 14px 12px;
	}
}
.notice-bar p {
	margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.375em;
    text-transform: uppercase;
    font-size: clamp(12px, 1vw, 14px);
}
/*** Image-box ***/
.box-with-image-inner-wrapper {
	padding: 36px 6vw 0px 6vw;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    border-radius: 4px;
   
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.home .box-with-image-inner-wrapper {
		padding: 6vw;
	}
	.box-with-image-inner-wrapper h2 br {
		display: none;
	}
}
.box-with-image-inner-wrapper p img {
	max-width: 145px !important;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.box-with-image-inner-wrapper p img {
		max-width: 100px !important;
	}
}
.boxes-with-image-text .grid-container .grid-x .cell {
	 margin-bottom: 3rem;
}
/* up to medium */
@media screen and (max-width: 63.9375em) {
	.boxes-with-image-text .grid-container .grid-x .cell.box-with-image-wrapper {
	 	margin-bottom: 1.5rem;
	}
}
.box-with-image-inner-wrapper img {
	display: flex;
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.home .boxes-with-image-text .grid-container .grid-x .cell:first-of-type img {
	max-width: 200px;	
}
.home .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(4) img {
	margin-top: 24px;
	max-width: 500px;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.home .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(4) img {
		margin-top: 0px;
	}
}

.boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(2) img {
	max-width: 580px;
}
.boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(2) .arrow-before:before {
	top: -1.7px;
}
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(2) .text-wrapper h2, 
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(2) .text-wrapper p,
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(2) .text-wrapper h3,
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(3) .text-wrapper h2, 
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(3) .text-wrapper p,
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(3) .text-wrapper h3 {
	color: var(--white);
}
.home .boxes-with-image-text .grid-container .grid-x .cell:first-of-type .text-wrapper h2, 
.home .boxes-with-image-text .grid-container .grid-x .cell:first-of-type .text-wrapper p,
.home .boxes-with-image-text .grid-container .grid-x .cell:first-of-type .text-wrapper h3,
.home .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(4) .text-wrapper h2, 
.home .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(4) .text-wrapper p,
.home .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(4) .text-wrapper h3 {
	color: var(--white);
}
.boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(4) .text-wrapper a,
.page-id-209 .box-with-image-wrapper:nth-of-type(2) a,
.page-id-209 .box-with-image-wrapper:nth-of-type(3) a {
	color: #2997ff;
}
.page-id-209 .box-with-image-wrapper:nth-of-type(3) img {
	opacity: 0.9;
    margin-top: 2rem;
    max-width: 325px;
}
.page-id-209 .box-with-image-wrapper:nth-of-type(2) img {
	margin-bottom: 36px;
}
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(3) .box-with-image-inner-wrapper
.download-logo-wrapper {
	display: flex;
    align-items: center;
}
.download-logo-wrapper a:first-of-type img {
	padding-right: 15px;	
}
.download-logo-wrapper img {
	max-height: 70px;
	cursor: pointer;
	height: 100%;
}
.boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(3) .box-with-image-inner-wrapper {
	padding-bottom: 36px;
}

/* ipad to Ipad pro (excluding ipad) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.home .boxes-with-image-text .grid-container .grid-x .cell:first-of-type img {
	    max-width: 150px;
	}
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.home .boxes-with-image-text .grid-container .grid-x .cell:first-of-type img {
	    max-width: 100px;
	}
}

/* Boxes woth Image-text on Loopt+ page */
.professional-help .cell {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.professional-help .cell:first-of-type {
	border-bottom: 1px solid var(--off-white);
    border-right: 1px solid var(--off-white);
}
.professional-help .cell:nth-of-type(2) {
	border-bottom: 1px solid var(--off-white);
}
.professional-help .cell:nth-of-type(3) {
	border-right: 1px solid var(--off-white);
	border-bottom: 1px solid var(--off-white);
}
.professional-help .cell:nth-of-type(4) {
	border-bottom: 1px solid var(--off-white);
}
.professional-help .cell:nth-of-type(5) {
	border-right: 1px solid var(--off-white);
}
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(3) .box-with-image-inner-wrapper {
	padding-bottom: 36px;
}
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(2) .box-with-image-inner-wrapper {
	justify-content: center;
}
.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell:nth-of-type(2) .box-with-image-inner-wrapper img {
	margin-bottom: 36px;
	margin-top: 2rem;
}
.professional-help a {
	font-size: 15px;
}
/* ipad to Ipad pro (excluding ipad) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell.box-with-image-wrapper:nth-of-type(2) img {
	    max-width: 312px !important;
	}
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell.box-with-image-wrapper:nth-of-type(2) img,
	.page-id-209 .boxes-with-image-text .grid-container .grid-x .cell.box-with-image-wrapper:nth-of-type(3) img {
	    max-width: 200px !important;
	}
	.professional-help a {
		font-size: 13px;
	}

}
.professional-help img {
	max-height: 54px;
    width: auto;
    max-width: 100% !important;
}
.professional-help .rcp img {
	max-height: 134px;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.professional-help img {
		max-height: 29.42px;
	}
	.professional-help .rcp img {
		max-height: 87px;
	}
}
.professional-help .nhs, .professional-help .iapt, .professional-help .samaritans, .professional-help .togetherall, .rcp {
	margin-bottom: 0 !important;
}


/* Press logos */
.press-logos {
	background: #181a1d;
}
.press-logos p {
	color: var(--white);
	margin-bottom: 0px;
	font-size: 13px;
}
.press-logos a:hover {
	text-decoration: none;
}
.press-logos .grid-padding-x > .cell {
	padding-right: 1rem;
    padding-left: 1rem;
}

/* Image-text and Text-image */
.image-text-text {
	padding: 0px 5.5vw;
}
.image-text-text p:last-of-type {
	margin-bottom: 0px;
}
.image-text img,
.text-image img {
	-webkit-box-shadow: 0 30px 70px -30px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 30px 70px -30px rgb(0 0 0 / 30%);
}
.image-text-image img {
	width: 100%;
	height: 100%;
	min-height: 415px;
	max-height: 415px;
	object-fit: cover;
	display: block;
}
.page-id-209 .image-text img {
	border-radius: 4px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	.text-image .grid-x {
		flex-direction: column-reverse;
	}
	.image-text-text {
		padding: 2.5rem 1.5rem;
	}
	.image-text-image img {
		min-height: unset;
		height: 40vh;
	}

}
.page-id-209 .image-text .cell:first-of-type {
		padding-top: 1.5rem;
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.page-id-209 .image-text .cell:first-of-type {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
}

/* Text */
body section.text:first-of-type .grid-container {
	max-width: 1000px;
}
body section.text:first-of-type {
	padding-right: 0;
	padding-left: 0;
	background: unset;
}

section.text {
	background: var(--black);
}
/* Large and up */
@media screen and (min-width: 64em) {
	section.text {
		padding-right: 30%;
		padding-left: 30%;
	}
}
section.text p:last-of-type {
	margin-bottom: 0px;
}


/*** Apps page ***/
.app-benefit {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}
.app-benefit img {
	max-width: 30px;
	height: auto;
	margin-right: 24px;
	opacity: 0.4;
	max-height: 30px;
}
.page-id-244 .text .grid-container {
	max-width: 420px !important;
}
.page-id-244 section.text p:last-of-type {
	margin-bottom: 2.5rem;
}
.page-id-244 .download-logo-wrapper {
	display: flex;
}

/*** Company Page ***/
.page-id-261 section.text p,
.page-id-261 section.text h3 {
	color: var(--white);
}
.page-id-261 section.image-text,
.page-id-261 section.text-image {
	background: var(--gray-bg);
}

/*** Company Navigation ***/
.company-menu-bar {
	box-shadow: rgb(0 0 0 / 8%) 0px 1px 12px;
}
.company-navigation a {
	color: var(--darker-black);
    transition-property: all;
    transition-duration: 250ms;
    transition-timing-function: ease;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin: 0 35px;
    opacity: 0.5;
    position: relative;
}
.company-navigation a:hover {
	text-decoration: none;
}
.company-navigation a:after{
    content: "";
    transition: opacity 250ms linear 0s;
    transition-property: opacity;
    transition-duration: 250ms;
    transition-timing-function: linear;
    transition-delay: 0s;
    background-color: var(--darker-black);
    bottom: -2px;
    height: 2px;
    left: 0px;
    position: absolute;
    width: 100%;
    opacity: 0;
}
.company-navigation a:hover:after{
	opacity: 1;
	
   }

.company-navigation .current-menu-item {
	border-bottom: solid 2px var(--darker-black);
	opacity: 1;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.company-navigation a {
		margin: 0 13px;
	}
}
.company-navigation {
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}

/*** TEAM MEMBERS ***/
.ceo img {
	max-height: 280px;
	width: 100%;
	object-fit: cover;
}
.team-members img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	margin-bottom: 0.5rem;
}
.team-members h3 {
	margin-bottom: 0.25rem;
}
.team-members-inner-cell {
	margin-bottom: 3rem;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.team-members img {
		max-height: 140px;
	}
	.team-members-inner-cell {
		margin-bottom: 1.5rem;
	}
}
/*** Contact ***/
.contact-details h4 {
	border-bottom: 2px solid var(--darker-black);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
.page-id-296 .grid-container {
	max-width: 1000px;
	
}
/***** Excercises page *****/
.embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.exercises .cell {
	margin-bottom: 1.5rem;
}

/*** INSTRUCTORS ***/
.instructors-inner-cell {
	display: flex;
	align-items: center;
	padding: 3% 12% 0% 6%;
    background: var(--gray-bg);
    border-radius: 5px;
}
.instructor-photo-holder {
	width: 45%;
	margin-right: 20px;
}
.instructor-photo-holder img {
	max-height: 168px;
    display: block;
    max-width: 100%;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	.instructor-photo-holder img {
		height: 135px;
	}
}
.instructors .cell {
	padding-right: 0.75rem !important;
	padding-left: 0.75rem !important;
	margin-bottom: 1.5rem;
}
.instructors .grid-container {
	max-width: 968px;
}
.instructor-details p {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 75%;
	opacity: 0.7;
	letter-spacing: 0.1em;
}
.insturctor-details {
	width: 55%;
}
.insturctor-details p {
	font-size: 13.5px;
}
.instructor-details svg,
.instructor-details path {
	fill: #000;
}
.instructor-details svg {
	margin-top: 0.5rem;
	opacity: 0.6;
}
.instructor-details svg:hover {
	opacity: 1;
}

/***** EVENTS CALENDAR *****/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event-content {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

/*** events calendar ***/
.tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small,
.tribe-common .tribe-common-h3,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium,
.tribe-events-calendar-day__time-separator-text {
	font-family: "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif !important;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2,
.tribe-events-calendar-day__event-datetime,
.tribe-event-date-start,
.tribe-events-calendar-list__event-datetime,
.tribe-event-time {
	font-weight: 300;
	font-size: 16px;
}
.tribe-events-calendar-day__event-title {
	letter-spacing: normal !important;
    text-transform: capitalize !important;
    font-weight: 300 !important;
    font-size: 28px !important;
}
.tribe-common-c-btn-border-small {
	background: var(--red) !important;
	border: 0px !important;
	color: var(--white) !important;
}
.tribe-events-header__events-bar.tribe-events-c-events-bar,
.tribe-events-c-ical.tribe-common-b2.tribe-common-b3--min-medium {
	display: none !important;
}
.tribe-events-c-top-bar__datepicker-desktop {
	font-weight: 300;
}



/*** CONTACT FORM ***/
.wpcf7-form p {
		font-size: 16px;
		font-family: sans-serif;
		position: relative;
		}
.wpcf7-form label {
			position: absolute;
			top: 68%;
			transform: translateY(-50%);
			pointer-events: none;
			font-weight: normal;
			transition: top .2s;
			color: #181a1d;
			z-index: 1;
			font-size: 14px;
			left: 12px;
			line-height: 1.05;
			
		}
input.wpcf7-text {
	border: none;
	border-bottom: 3px solid #efefef;
	padding: 19px 12px;
	padding-bottom: 7.5px;
	width: 100%;
	background-color: transparent;
	color: var(--black);
	font-size: 14px;
	border: 1px solid var(--black);
	border-radius: 2px;
}
textarea {
	border: none;
	border-bottom: 3px solid #efefef;
	padding: 27px 12px;
	padding-bottom: 7.5px;
	width: 100%;
	background-color: transparent;
	color: var(--black);
	font-size: 14px;
	border: 1px solid var(--black);
	border-radius: 2px;
}

.textarea-label {
	top: 18% !important;
}

label.has-value {
	top: 35px;
	font-size: 10px;
	z-index: 1;
}
.textarea-label.has-value {
	top: 15% !important; 
}
input:focus,
textarea:focus {
	outline: 0;
	border: 1px solid var(--darker-black);
}
form p {
	margin-bottom: 0;
}
form input[type="submit"] {
	margin-top: 20px;
	border: 0px;
	margin-right: auto;
    margin-left: auto;
    display: block;
}
label {
	font-family: "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif;
}
.wpcf7-response-output {
	margin-top: 0 !important;
    border-color: #99df1d !important;
}