/*
<?php
header('Content-type:text/css');
$colorClick="#fc3";
$colorCopy1="#fff";
$colorBgAlt="#ccc";
$colorBgFooter="#131211";
$colorBgService="#00a999";
$colorBorderFooter=$colorBorderMenu=$colorButtonFocus="#333";
$colorBorderPrimary="#1EAEDB";
$colorBorders="#e1e1e1"; #code, th, td, hr
$colorButtonBorders="#33c3f0";
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize *//** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html{font-family:sans-serif; /* 1 */-ms-text-size-adjust:100%; /* 2 */-webkit-text-size-adjust:100%; /* 2 */} /** Remove default margin. */ body{margin:0;} /* HTML5 display definitions ========================================================================== *//* Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block;} /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video{display:inline-block; /* 1 */vertical-align:baseline; /* 2 */} /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]){display:none;height:0;} /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template{display:none;} /* Links ========================================================================== *//** Remove the gray background color from active links in IE 10. */ a{background-color:transparent;} /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover{outline:0;} /* Text-level semantics ========================================================================== *//** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title]{border-bottom:1px dotted;} /* Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong{font-weight:bold; color:#fff;} /* Address styling not present in Safari and Chrome. */ dfn{font-style:italic;} /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1{font-size:2em;margin:0.67em 0;} /** Address styling not present in IE 8/9. */ mark{background:#ff0;color:#000;} /** Address inconsistent and variable font size in all browsers. */ small{font-size:80%;} /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} /* Embedded content ========================================================================== *//** Remove border when inside `a` element in IE 8/9/10. */ img{border:0;} /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root){overflow:hidden;} /* Grouping content ========================================================================== *//* Address margin not present in IE 8/9 and Safari. */ figure{margin:1em 40px;} /** Address differences between Firefox and other browsers. */ hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;} /** Contain overflow in all browsers. */ pre{overflow:auto;} /** Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp{font-family:monospace, monospace;font-size:1em;} /* Forms ========================================================================== *//** Known limitation:by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. *//** 1. Correct color not being inherited. Known issue:affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea{color:inherit; /* 1 */font:inherit; /* 2 */margin:0; /* 3 */} /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button{overflow:visible;} /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select{text-transform:none;} /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], /* 1 */input[type="reset"], input[type="submit"]{-webkit-appearance:button; /* 2 */cursor:pointer; /* 3 */} /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled]{cursor:default;} /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;} /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ input{line-height:normal;} /** It`s recommended that you don`t attempt to style these elements. Firefox`s implementation doesn`t respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"]{box-sizing:border-box; /* 1 */padding:0; /* 2 */} /** Fix the cursor style for Chrome`s increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;} /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */ input[type="search"]{-webkit-appearance:textfield; /* 1 */-moz-box-sizing:content-box;-webkit-box-sizing:content-box; /* 2 */box-sizing:content-box;} /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} /** Define consistent border, margin, and padding. */ fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren`t caught out if they zero out fieldsets. */ legend{border:0; /* 1 */padding:0; /* 2 */} /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea{overflow:auto;} /** Don`t inherit the `font-weight` (applied by a rule above). NOTE:the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup{font-weight:bold;} /* Tables ========================================================================== *//** Remove most spacing between table cells. */ table{border-collapse:collapse;border-spacing:0;} td, th{padding:0;}
/* Skeleton V2.0.4 Copyright 2014, Dave Gamache www.getskeleton.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php 12/29/2014 */
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- 1 Grid
- 2 Base Styles
- 3 Typography
- 4 Links
- 5 Buttons
- 6 Forms
- 7 Lists
- 8 Code
- 9 Tables
- 10 Spacing
- 11 Utilities
- 12 Miscellaneous
- 13 Images
- 14 Clearing
- 15 Media Queries */

/* MOBILE FIRST DESIGN*/
/* 1 Grid –––––––––––––––––––––––––––––––––––––––––––––––––– */
*{box-sizing:border-box;position: relative;}

section{position:relative;}
.container{position:relative;width:100%;max-width:960px;margin:0 auto; padding:6rem 2rem;counter-reset: card-counter;}
#proposition .container{padding-top: 8rem; padding-bottom: 0;}
@media(min-width: 481px){.container{padding:10rem 2rem;}}
section:first-child .container, section#invitation-to-act .container, section#subscribe .container, section#contact .container, section#testimonials .container{padding-bottom:0;}
section:nth-child(3)::before,section:nth-child(4)::before,section:nth-child(5)::before,section:nth-child(6)::before,section:nth-child(7)::before,section#invitation-to-act::before{content: url('/theme/ornament-floral.svg');opacity: 0.7;filter: grayscale(0%);position: absolute;left: 50%;top: -22px;transform: translateX(-50%) scale(0.8); /* Added scale(0.8) for 80% size */z-index: 999;}
section:nth-child(5)::before{content: url('/theme/ornament-leafy.svg');}
section:nth-child(6)::before{content: url('/theme/ornament-branch.svg');}
section:nth-child(7)::before{content: url('/theme/ornament-twigs.svg');}
section:nth-child(3)::before,section#invitation-to-act::before{content: url('/theme/ornament-heart.svg');}
@media(min-width: 481px){section:nth-child(3)::before,section:nth-child(4)::before,section:nth-child(5)::before,section:nth-child(6)::before,section:nth-child(7)::before,section#invitation-to-act::before{transform:translateX(-50%) scale(1);}}
@media(min-width: 769px){section:nth-child(3)::before,section:nth-child(4)::before,section:nth-child(5)::before,section:nth-child(6)::before,section:nth-child(7)::before,section#invitation-to-act::before{transform:translateX(-50%) scale(1.2); top:-20px;}}
.dark{background:#111 url('/theme/sunlight-wall-small-clean.jpg'); position: relative; z-index:0;}
.dark::after{content:'';background:url('/theme/sunlight-lens-blur.svg');position:absolute; top:0;left:0;right:0;bottom:0;opacity:0.7; z-index:-1; background-size: cover;}
.light{background:#068/*'.$colorBgService.'*/;background:radial-gradient(circle at top left, #002a3a, #005570, #003a4a) no-repeat;background-size: 130% 130%;}
.flat{background-color:#444/*'.$colorBgAlt.'*/; background:radial-gradient(circle at top left, #111, #444, #222) no-repeat;background-size: 130% 130%;}
footer{padding:5rem 20px; margin:0; background:#131211/*'.$colorBgFooter.'*/; background:radial-gradient(circle at top left, #111, #332c28, #000) no-repeat;background-size: 120% 120%;}
#legal{margin:3rem 5%;padding-top:3rem; border-top:1px solid #333/*'.$colorBorderFooter.'*/;}
#foot-menu{margin:3rem 5% 6rem 5%;}
#brand-logo{position:absolute;top:0;left:0;z-index:9999;padding:0.8rem;}
div.section{margin: 1rem 0;position:relative;}
@media(min-width: 481px){div.section{margin: 8rem 0;}}
.grid{display: grid; gap: 0.8rem;}
@media (min-width: 768px){
 .grid-2{grid-template-columns: repeat(2, 1fr);}
 .grid-3{grid-template-columns: repeat(3, 1fr);}
}
.card, .cta, .process-step{position:relative; overflow: hidden; background:radial-gradient(circle at top left, rgba(255,255,255,0.08), rgba(255,255,255,0.01), rgba(255,255,255,0.03)) no-repeat;background-size: 130% 130%; border: 1px solid rgba(255,255,255,0.08);padding: 1.5rem;box-shadow: 0 1px 3px rgba(0,0,0,0.1);border-radius: 1.1rem;}
.process-step{margin-bottom:30px;position: relative; background:radial-gradient(circle at top left, rgba(153,204,255,0.1), rgba(153,204,255,0.05), rgba(153,204,255,0.1)) no-repeat;background-size: 130% 130%; overflow: visible;}
.process-step::after{content:'';height:30px;width:30px;display:block; position:absolute; top: calc(100% + 1px); left: 7rem; background-image: url('/theme/process-arrow.svg'); background-size: contain;background-repeat:no-repeat;}
.process-step:last-of-type::after{background: none;}
@media (min-width: 768px){.card, .process-step{padding:2.5rem;}}
@media (min-width: 1280px){.card, .process-step{padding:2.5rem 3.5rem;}}
@media (min-width: 1920px){.card, .process-step{padding:2.5rem 4rem 2.5rem 4.5rem;}}
.cta{padding:5rem 2rem 3rem 2rem;}
.card.numbered::before{counter-increment: card-counter; /* Increment the counter */content: counter(card-counter); /* Display the counter value */position: absolute;top: -7.2rem;right: 0rem; /* Optional styling for the number */font-size:20rem;opacity:0.05;font-weight: bold;color: #fff;}
.card.beyond, .card.works{background:none;position:relative; z-index:0;}
.card.beyond::before, .card.works::before{content:' ';position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.3; background-size:cover; background-repeat: no-repeat; z-index:-1;}
.card.beyond::before{background-image: url("/pics/healing/contact-medium.jpg");}
.card.works:nth-of-type(1)::before{background-image: url("/pics/healing/marketing-for-therapists-retreats-and-healers-collaboration-medium.jpg");}
.card.works:nth-of-type(2)::before{background-image: url("/pics/healing/lovely-consequences-medium.jpg");}
.card.works:nth-of-type(3)::before{background-image: url("/pics/healing/marketing-for-healers-medium.jpg");}
.card.works:nth-of-type(4)::before{background-image: url("/pics/healing/marketing-guides-wellness-business-tips-medium.jpg");}
.card.works:nth-of-type(5)::before{background-image: url("/pics/healing/our-price-promise-medium.jpg");}
.card.works:nth-of-type(6)::before{background-image: url("/pics/healing/pricing-marketing-packages-medium.jpg");}
.card .questions li{margin-bottom: 1.6rem;}
.card *:last-child{margin:0 0 0.5rem 0;}
.card ul.tight li{margin:0;}
.feature-list{list-style: none;padding-left:0;}
.feature-list li{display: flex;align-items: center;margin-bottom: 1rem; background:rgba(255,255,255,0.1);border-radius: 0.5rem; border: 1px solid rgba(51,204,255,0.15);padding: 1rem;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.feature-list li::before{content: url("/theme/checkbox4.svg"); margin-right: 0.75rem; font-weight: bold; font-size:125%; display: block;}
.img-placeholder{width: 100%;height: 16rem;background: #E5E7EB;border-radius: 0.5rem;}
.cta{background:radial-gradient(circle at top left, #002a3a, #005566, #003a4a) no-repeat;background-size: 130% 130%; text-align: center;border-radius: 1.1rem;}
/* Icon placeholders */
.big-icon, .icon{width: 4.2rem;height: auto; border-radius: 0.25rem;margin-top:1rem;vertical-align:-5px; }
.big-icon{width: 6rem;}
.pricing .icon{display: block;margin: 0 auto; opacity:0.8;}
table.pricing tr td.batch{font-weight:700; color:#baf;}

/* Related services */
.service-link{display: flex;justify-content: space-between;align-items: center;text-decoration: none; background:rgba(0,0,0,0.2); border:1px solid #331; padding:1rem 3rem 0.5rem 80px;transition: all 0.3s ease;}
.service-link::before {content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 60px;height: 100%;background-image: url('/pics/healing/about-us-medium.jpg');background-size: 400px;}
.service-link:nth-child(1)::before {background-position: 0 0;}
.service-link:nth-child(2)::before {background-position: -60px 0;}
.service-link:nth-child(3)::before {background-position: -120px 0;}
.service-link:nth-child(4)::before {background-position: -180px 0;}
.service-link:nth-child(5)::before {background-position: -120px -60px;}
.service-link:nth-child(6)::before {background-position: -60px -120px;}
.service-link:hover{background:#fc3;color:#000;}
.service-link h3, .service-link p{color:#fc3; margin-bottom:0;}
.service-link:hover h3, .service-link:hover p{color:#000;}
.arrow{font-size: 1.5rem;}

.column, .cols{width:100%;float:left;}
/* > smaller smartphones */
@media(min-width:481px){.container{width:85%;}}
/* > tablets and larger smartphones */
@media(min-width:769px){
 .container{width:80%;}
 .cols{margin-left:4%;}
 .cols:first-child{margin-left:0;}
 .one.cols{width:4.66666666667%;}
 .two.cols{width:13.3333333333%;}
 .three.cols{width:22%;}
 .four.cols{width:30.6666666667%;}
 .five.cols{width:39.3333333333%;}
 .six.cols{width:48%;}
 .seven.cols{width:56.6666666667%;}
 .eight.cols{width:65.3333333333%;}
 .nine.cols{width:74.0%;}
 .ten.cols{width:82.6666666667%;}
 .eleven.cols{width:91.3333333333%;}
 .twelve.cols{width:100%; margin-left:0;}
 .one-third.cols{width:30.6666666667%;}
 .two-thirds.cols{width:65.3333333333%;}
 .one-half.cols{width:48%;}
 /* Offsets */
 .offset-by-one.cols{margin-left:8.66666666667%;}
 .offset-by-two.cols{margin-left:17.3333333333%;}
 .offset-by-three.cols{margin-left:26%;}
 .offset-by-four.cols{margin-left:34.6666666667%;}
 .offset-by-five.cols{margin-left:43.3333333333%;}
 .offset-by-six.cols{margin-left:52%;}
 .offset-by-seven.cols{margin-left:60.6666666667%;}
 .offset-by-eight.cols{margin-left:69.3333333333%;}
 .offset-by-nine.cols{margin-left:78.0%;}
 .offset-by-ten.cols{margin-left:86.6666666667%;}
 .offset-by-eleven.cols{margin-left:95.3333333333%;}
 .offset-by-one-third.cols{margin-left:34.6666666667%;}
 .offset-by-two-thirds.cols{margin-left:69.3333333333%;}
 .offset-by-one-half.cols{margin-left:52%;}
}
/* 2 Base Styles –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing */
/* Breaks:https://www.browserstack.com/guide/responsive-design-breakpoints*/
html{font-size:calc(62.5% * 0.95);}/* < smaller smartphones */
@media(min-width:481px){html{font-size:calc(62.5%);}}/* > smaller smartphones */
@media(min-width:769px){html{font-size:calc(62.5% * 1.05);}}/* > tablets & larger smartphones */
@media(min-width:1280px){html{font-size:calc(62.5% * 1.15);}}/* > smaller laptops, desktops & larger landscape tablets */
@media(min-width:1921px){html{font-size:calc(62.5% * 1.25);}} /* > normal desktop */
body{width:100%;padding:0;font-size:1.7em; overflow-x:hidden;/* currently ems cause chrome bug misinterpreting rems on body element */line-height:1.45; font-weight:200; font-family: "kiro", "sans-serif"; font-style:normal; color:#bcd; background:#212223;letter-spacing:0.03rem;}

/* 3 Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */
#proposition p, #proposition h2{text-align: center; line-height:1.2;}
#proposition span, #invitation-to-act span, #subscribe span, #contact span, #testimonials span{display:block; position:relative;bottom:0; margin:0; padding:2rem 2rem 1rem 2rem; border-radius: 1rem 1rem 0 0;}
@media(min-width:481px){
 #proposition span, #invitation-to-act span, #subscribe span, #contact span, #testimonials span{padding:4rem 0 1rem 0; margin: 2rem 0 0 0;}
 #proposition p, #proposition h2{font-size:115%;}
 #proposition span{margin:16rem 0;padding:0;}
}
#proposition span{text-align: center; font-size:105%; margin: 5rem 0 0 0; background:transparent;}
@media(min-width:769px){#proposition span{margin:4rem 0 0 0;}}
@media(min-width:1280px){#proposition span{margin:6rem -10rem 0 -10rem;}}
@media(min-width:1920px){#proposition span{margin:8rem -20rem 0 -20rem;}}

h1, h2, h3, h4, h5, h6{margin-top:0;margin-bottom:2rem; font-weight:bold; color:#8bd;font-family: "kiro", "sans-serif";letter-spacing:0;}
h1{font-size:5.1rem; line-height:1; text-align:center;color:#fff/*'.$colorCopy1.'*/;text-shadow:0 0 9rem #47a;z-index:100;}
h2{font-size:3.4rem; line-height:1.1; color:#cde;letter-spacing:0.1rem;}
h1::first-letter,h2::first-letter{font-family:"ohno-blazeface"; font-weight:200;font-size:150%;font-style: italic;}
h3{font-size:2.2rem; line-height:1.1; margin-bottom:0;letter-spacing:0.05rem;}
h4, #thanks{font-size:2.1rem; line-height:1.35; text-transform:uppercase; margin-bottom:0;font-family: ltc-flash, "LTC Flash", "brevia", sans-serif; font-weight:300;letter-spacing:0.04rem;}
h5{font-size:1.9rem; line-height:1.5;letter-spacing:0.02rem;}
h6{font-size:1.7rem; line-height:1.6; margin-bottom:0;letter-spacing:0.01rem;}
#thanks{text-align:center;}
@media(max-width:481px){h1{font-size:3.6rem;}h2{font-size:3rem;}}
#legal p{font-size:1.2rem;margin:1.3rem 0;color:#999;}
footer li{list-style:none;}
blockquote{}
p.opener{color:#ddd;font-size:125%;padding:0 0 8rem 0; margin:0 auto; max-width:80rem; text-align: center;}
ol.differences{margin:2rem 0; color:#fff;}
p.more-besides{display:block; text-align:right; text-transform: uppercase; color: rgba(255,255,255,0.2); margin:1rem 0; font-weight:bold;}
sub{font-size:80%; line-height:1.5;}
.alignLeft{text-align:left;}
.alignCentre{text-align:center;}
.alignRight{text-align:right;}
.alignJustify{text-align:justify;}

/* 4 Links –––––––––––––––––––––––––––––––––––––––––––––––––– */
a{color:#fc3/*'.$colorClick.'*/;}
a:hover{color:#000;background:#fc3/*'.$colorClick.'*/; text-decoration:none;}
#hamburger{display:none;}
a#logo-footer:hover{background:none;}
a#brand-logo{padding-left:1.5rem; text-decoration:none;border-top:0.5rem solid transparent;}
a#brand-logo:hover{padding-bottom:0;background:rgba(255,204,51,0.2);}
.innovate-uk-award{width:200px;height:auto; margin:0;}
#legal p.nudged-up{color:#c5c; margin:0 0 5rem 0;}
div.encourage-scroll-line{width:4px;height:48px;background-color:#60a5fa;margin:0 auto;border-radius:4px;animation:bounce 2s infinite;}
@keyframes bounce{ 0%, 100%{transform:translateY(0);} 50%{transform:translateY(16px);}}

/* 4b head menu */
#head-menu{position:absolute;top:0;left:0; width:100%;margin:0; padding:0 0 7rem 6.5rem;background:linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(255,0,0,0)); vertical-align:top; }
#menu-background{display:none;}
nav ul{list-style:none;margin:0; padding:0;}
nav li{color:#ccc; display:block; float:left; padding:1rem 0; position:relative;text-decoration:none;transition-duration:0.5s;}
nav li a{color:#fc3;padding:1.1rem 1.5rem 0 1.5rem; text-decoration:none; font-weight:bold; width:100%; display:inline-block;}
nav li a:hover{background:none; color:#fff;}
nav li ul li:first-of-type{margin-top:0rem;}
nav li:hover, nav li:focus-within{background:rgba(0,0,0,0.7); cursor:pointer;}
nav li:focus-within a{outline:none;}
nav ul li ul{background:rgba(0,0,0,0.7); visibility:hidden; width:25rem; opacity:0; position:absolute; margin:1rem 0 0 0; left:0; display:none; transition:all 0.5s ease;}
nav ul li:hover > ul, nav ul li:focus-within > ul, nav ul li ul:hover, nav ul li ul:focus{visibility:visible;opacity:1;display:block;}
nav ul li ul a{padding:0.4rem 1.5rem; text-transform:none;}
nav ul li ul a:hover{background:rgba(255,204,51,0.2);}
nav ul li ul li{clear:both; width:100%; margin:0; padding:0; border:none;}
/* 4c foot menu */
nav#foot-menu *{visibility:visible;opacity:1;display:block; float:none;position:relative; background:none;}
nav#foot-menu ul{display:flex;flex-wrap:wrap; justify-content:space-between;}
nav#foot-menu ul li{padding-left:0; width:25rem;}
nav#foot-menu ul li ul{display:block; padding:0;margin:0;}
nav#foot-menu ul a{padding:0.4rem 1rem 0.2rem 1rem;  border-left: 0.4rem solid #468 !important; border-radius: 2rem;}
nav#foot-menu ul li ul a{font-weight:200; border-left:none !important;}
nav#foot-menu ul a:hover{background:rgba(255,204,51,0.2);}

@media (max-width:768px){
 /* 4b head menu */
 #hamburger{display:block;right:0;top:-0.5rem;position:absolute;font-size:230%;text-decoration:none;z-index:999;padding:0.5rem 1rem 0 1rem;}
 #menu-background{position:absolute;top:0;left:0;width:100%;height:9rem;padding:6.5rem 0;background-image:repeating-linear-gradient(rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); display:block; z-index:99;}
 #head-menu{left:unset;right:0;padding:5.6rem 0 5rem 0; display:none; text-align:right;width:25rem;background:none;font-size:96%; z-index:999;}
 nav ul{background:#222;}
 nav li{float:none;padding:0; margin-bottom:1px;}
 nav li a{background:#333; padding: 1rem 1.5rem 0.8rem 1rem;}
 nav li ul li:first-of-type{margin-top:1rem;}
 nav#foot-menu ul li ul{position:relative; margin:-1rem 0 2rem 0 !important; left:unset; width:100%; visibility:unset;display:block;opacity:1;background:none;}
 nav ul li ul a{background:#222;}
}
/* 5 Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"]{display:inline-block;max-width:100%;padding:0.7rem 3rem;color:#111;text-align:center;font-weight:bold;line-height:38px;letter-spacing:.05rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:#fc3/*'.$colorClick.'*/;border-radius:5px;border:1px solid transparent;cursor:pointer;}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus{color:#fc3/*'.$colorButtonFocus.'*/;border:1px solid #fc3;outline:0; background:#000;}
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary{color:#fff/*'.$colorCopy1.'*/;background-color:#fc3/*'.$colorClick.'*/;border-color:#33c3f0/*'.$colorButtonBorders.'*/;}
.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus{color:#fff/*'.$colorCopy1.'*/;background-color:#fc3/*'.$colorClick.'*/;border-color:#1EAEDB/*'.$colorBorderPrimary.'*/;}
.confirm-btn{background:#3f3;}
.cancel-btn{background: #777;color: #666;border: none;}
.button, button, input[type="submit"], input[type="reset"], input[type="button"], .cta-button{font-weight:bold;}
.button.big{font-size:120%; padding:2rem; width: 100%; margin: 0 auto 3rem auto; background: linear-gradient(to bottom, gold 0%, #fc3 50%, darkorange 100%);white-space:pre-wrap; line-height:1.1;}
.button.big:hover{background: linear-gradient(to bottom, darkorange 0%, #fc3 50%, gold 100%) !important; color:#000; border:1px solid #fc3;}
.button.big span{display:block; text-transform:lowercase; font-size:70%;}

.glow-on-hover {border: 1px solid #000;outline: none;cursor: pointer;position: relative;z-index: 0;background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);animation: glowing 140s linear infinite;opacity: 1;transition: opacity .3s ease-in-out;}
.glow-on-hover:before {content: '';background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #fc3, #cf3, #fc3, #3fc, #ff00c8, #ff0000);position: absolute;top: 0;left:0;background-size: 400%;z-index: -1;filter: blur(5px);width: calc(100% + 0px);height: calc(100% + 0px);animation: glowing 20s linear infinite;opacity: 1;transition: opacity .3s ease-in-out;}
.glow-on-hover:active {color: #000}
.glow-on-hover:active:after {background: transparent;}
.glow-on-hover:after {z-index: -1;content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
@keyframes glowing{ 0% { background-position: 0 0; } 50% { background-position: 200% 0; } 100% { background-position: 0 0; } }

/* 6 Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select{height:38px;padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */background-color:#fff/*'.$colorCopy1.'*/; color:#333; border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea{min-height:65px;padding-top:6px;padding-bottom:6px;}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border:1px solid #33c3f0/*'.$colorButtonBorders.'*/;outline:0;}
label, legend{display:block;margin-bottom:0;font-weight:bold; line-height:1;}
fieldset{padding:0;border-width:0;}
input[type="checkbox"], input[type="radio"]{display:inline;}
label > .label-body{display:inline-block;margin-left:.5rem;font-weight:bold;}

/* 7 Lists –––––––––––––––––––––––––––––––––––––––––––––––––– */
ul{list-style:disc;}
ol{list-style:decimal;}
ol, ul{padding-left:1.6rem;margin-top:0;}
ul ul, ul ol, ol ol, ol ul{margin:1.5rem 0 1.5rem 3rem;}
li{margin-bottom:0.25rem;}
.clients {display: flex;align-items: flex-start;margin-bottom: 1rem; padding:2rem 2rem 1rem 2rem; border:1px solid #ffffff11; border-radius: 1rem; background: #ffffff08;}
.clients svg {flex-shrink: 0;margin-right: 2rem; /* Space between icon and text */}
.clients div {flex: 1; /* This allows the text content to take remaining space */}
.clients h3, .clients p {margin: 0 0 8px 0; /* Reset margins and add some space between h3 and p */display: block; /* Ensure block display for stacking */}

/* 8 Code –––––––––––––––––––––––––––––––––––––––––––––––––– */
code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #e1e1e1/*'.$colorBorders.'*/;border-radius:4px;}
pre > code{display:block;padding:1rem 1.5rem;white-space:pre;}

/* 9 Tables –––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Base table styles */
table{width:100%; margin:0 auto;border-collapse:collapse;}
tr{border-bottom:1px solid #222 /*'.$colorBorders.'*/;}
th, td{padding:0.75rem 1rem;text-align:left;background: #000;line-height:1.25; font-size: 85%; vertical-align: top; word-wrap: break-word;}
@media (max-width: 768px){th,td{padding:0.75rem 0.1rem;width:auto;} td:first-of-type{padding-left:1rem;}}
th{background:#333;}
table.pricing tr:nth-child(1) th, table.pricing tr:nth-child(2) td:nth-child(1){border-radius: 0.75rem 0.75rem 0 0;}
table.pricing tr:last-of-type td{border-radius: 0 0 0.75rem 0.75rem;}
table.pricing tr:last-of-type{border-bottom: none;}
table.pricing th, table.pricing td{ text-align: center; color:#8bd;}
table.pricing th{text-align: center; position: relative;}
table.pricing td:nth-child(1){ text-align: left; color:#ccc;}
table.pricing th:nth-child(1){background:none;}
table.pricing th:nth-child(2){background:#012;}
table.pricing th:nth-child(3){background:#123;}
table.pricing th:nth-child(4){background:#234;}
table.pricing th:nth-child(5){background:#345;}
table.pricing td:nth-child(2){background:#123;}
table.pricing td:nth-child(3){background:#234;}
table.pricing td:nth-child(4){background:#345; }
table.pricing td:nth-child(5){background:#456;}
table.pricing tr.totals td{border:1px solid #999;}

th.recommended{position: relative;border: 1px solid #3cf; z-index:3;}
th.recommended::before{content: 'Recommended';position: absolute;top: -1rem;left: 50%;transform: translateX(-50%);background: #3cf;color: #000;padding: 0.25rem 1rem;border-radius: 1rem;font-size: 1rem;}
.plan-name{font-size: 1.6rem;font-weight:bold;margin-bottom: 0.5rem;}
.plan-price{font-size: 3rem;color: #3cf;margin: 1rem 0; font-weight:200;}
.plan-price sub{display:block;font-weight:200;margin-top: -0.5rem; line-height:1.4; font-size:1.1rem;}
.plan-subtitle{color: #aaa;font-size: 1rem;}
.cta-button{display: inline-block;padding: 0.75rem 1.5rem;background-color: #fc3;color: #000;text-decoration: none;border-radius: 0.375rem; margin: 1rem 0;}
td strong{display: block;margin-bottom: 0.25rem;}
td em{display: block;font-style: normal;color: #999;font-size: 1rem;margin: 0.5rem 0;}
@media (max-width: 768px){
 table, tbody, tr, th, td{display: block;margin-bottom: 1rem;}
 table.pricing th, table.pricing td{display: table-cell;}
 table.pricing tr {display:table-row;}
 thead{display: none;}
 td::before{content: attr(data-label);font-weight:bold;display: block;margin-bottom: 0.5rem;}
 th.recommended{transform: none;}
 td{margin-bottom: 0.5rem;}
}

/* 10 Spacing –––––––––––––––––––––––––––––––––––––––––––––––––– */
button, .button{margin-bottom:1rem;}
input, textarea, select, fieldset{margin-bottom:1.5rem;}
pre, blockquote, dl, figure, table, p, ul, ol, form{margin-bottom:2.4rem;}
blockquote{border-left: 1rem solid #3cf; margin-left:0; color: #3cf; padding-left:1rem;}
p{margin-top:0;}

/* 11 Utilities –––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width{width:100%;}
.u-max-full-width{max-width:100%;}
.u-pull-right{float:right;}
.u-pull-left{float:left;}

/* 12 Misc –––––––––––––––––––––––––––––––––––––––––––––––––– */
hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #e1e1e1/*'.$colorBorders.'*/;}
#share div a span svg{}

/* 13 Images –––––––––––––––––––––––––––––––––––––––––––––––––– */
#menu #brand-logo img{width:8rem;height:auto;}
.bg-image{position:absolute;   top: 0;right: 0;bottom: 0;left: 0;}
.bg-image::after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.7) 100%); pointer-events: none;}
.bg-image img{width:100%;height:100%; object-fit:cover;}
#invitation-to-act .bg-image img{opacity:0.6;}
.fg-image{position:relative;}
.fg-image img{width:100%;height:auto; border-radius: 1.1rem; margin-bottom: 2.4rem;}
#logo-footer img{width:24rem;height:auto;}
#brand-logo img{width:4.2rem;height:auto;}
.lazypic{opacity: 0;transition: opacity 0.5s ease-in-out;}
.lazypic.loaded{opacity:1;}
img.learning{display:block;width:150px;height:auto;margin-bottom:1.6rem;}

/* 14 Video –––––––––––––––––––––––––––––––––––––––––––––––––– */
.video{position: relative; width:100%; margin: 2rem 0; display: block;padding:56.25% 0 0 0;} /* Video wrapper styles for actual content */
.video iframe{position:absolute;top:0;left:0; width: 100%; height:100%; aspect-ratio: 16/9;border:0;border-radius: 1.1rem;}
.video.original-width{display: inline-block;} /* Original width variation */
.video.paragraph-width{} /* Standard paragraph width */
.video.container-width{width: calc(100% + 4rem); margin: 0 -2rem;} /* Container width variation */
.video.page-width{width: 100vw;margin-left: calc(-50vw + 50%);margin-right: calc(-50vw + 50%);} /* Full page width variation */
.video.height-natural iframe{aspect-ratio:1/1 !important;}

/* 15 Add-2-Any –––––––––––––––––––––––––––––––––––––––––––––––––– */
.a2a_kit{background:none !important; left:0; top:150px; opacity:0.4 !important;}
.a2a_kit:hover{opacity:1 !important;}
.a2a_kit_size_24.a2a_floating_style.a2a_vertical_style{}
@media screen and (max-width: 481px){  .a2a_floating_style.a2a_vertical_style{display: none;}}

/* 16 Calculator –––––––––––––––––––––––––––––––––––––––––––––––––– */
.calculator{border-radius: 1rem; background: radial-gradient(ellipse at left top, #a3d 0%, #636 100%); padding:10%;}
.calculator h5{margin-bottom: 0.3rem;}
.calculator .slider-section{margin-bottom: 25px;}
.slider-container{margin-bottom:0; border-radius: 1rem 1rem 1rem 0; background: rgba(0,0,0,0.1); padding:1.6rem;}
.calculator .current-value{font-size:6rem; font-weight:200;line-height:5rem; background:rgba(0,0,0,0.1); margin-top:0; padding: 0 1rem; display: inline-block; border-radius: 0 0 1rem 1rem;}
.calculator .current-value .monthly{display:block; font-size:2rem;line-height: 1;  background:rgba(0,0,0,0.2); margin: 0 -1rem; padding:1rem; border-radius: 0 0 1rem 1rem;}
 label{display: block;margin-bottom:1rem;font-weight:bold; color:#fff;}
.slider{-webkit-appearance: none;width: 100%;height: 13px;background: #000;outline: none;opacity: 0.7;-webkit-transition: .2s;transition: opacity .2s; margin: 1rem 0; border-radius: 1.6rem;}
.slider:hover{opacity: 1;}
.slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 25px;height: 25px;background: #fc3;cursor: pointer; border-radius: 1.6rem;}
.slider::-moz-range-thumb{width: 25px;height: 25px;background: #fc3;cursor: pointer;}
.calculator .services{display:table; width:100%; background: rgba(255,255,255,0.1); padding:1.6rem 1.6rem 0.8rem 1.6rem; margin: 2rem 0; border-radius: 1rem;}
.calculator h5{color:#000;}
.calculator .service-row{padding: 0.5rem 0 0.2rem 0;border-bottom: 1px solid #333;}
.calculator tr{display:table-row; width:100% !important;}
.calculator td{background: none;}
.calculator .service-row .service-value{text-align: right;}
.calculator .service-row:last-of-type{border:none; padding-bottom: 0;}
.calculator .service-name{color:#000; font-weight:bold;}
.calculator .service-row i{font-weight:bold;letter-spacing:-.25rem;font-style: normal;color: #424;}
.calculator .service-row i em{font-style: normal; color:#eee; display:inline;font-size:inherit;}
@media (max-width:768px){
 .calculator{padding:5%;}
 .calculator tbody{width:100%; display:table-row-group;}
 .calculator td{display:table-cell;}
 .calculator td.service-value{text-align: right;}
}

/* 17 assessment */
.question{background:radial-gradient(ellipse at left top, #1a1a1a66 0%, #2a2a2a66 100%);}
.slider-container{background:rgba(255,204,51,0.1); border-radius:1rem;}
.consequence{color:#fc3; cursor:pointer;}
.dial-container {  width: 100%;height: auto;border-radius: 8px;display: flex;justify-content: center;align-items: center;padding: 20px;}
svg.dial {width: 100%;height: auto; display: block; aspect-ratio: 1 / 1; /* Maintains square aspect ratio */}
#arc1,#arc2,#arc3,#arc4,#arc5,#arc6{transform: rotate(225deg);transform-origin: 50% 50%;}
#number1,#number2,#number3,#number4,#number5,#number6{fill:#fff; font-weight:bold;font-size:200%;}
svg.dial + h5{text-align:center; margin:0 0 6rem 0;}

/* 18 Self Clearing Goodness –––––––––––––––––––––––––––––––––––––––––––––––––– */
.cleared, .container:after, .row:after, .u-cf, #foot-menu:after{content:"";display:table;clear:both;}
img{width:100%;}
span.highlight *{background:#982;}

/* *{outline:1px solid red;}*/