/*
<?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;}
section{position:relative;overflow: hidden;}
.container{position:relative;width:100%;max-width:960px;margin:0 auto; padding:6rem 2rem;counter-reset: card-counter;}
#proposition .container{padding-top: 16rem; 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-of-type(2n+3) .container::before, section:nth-of-type(2n+4) .container::before{content: url('/theme/chakras.svg');opacity: 0.7;filter: grayscale(0%);position: absolute; left:1.2rem; top:-6rem;transform: scale(0.35); z-index: 999;}
section:nth-of-type(2n+4) .container::before{content: url('/theme/chakras-light.svg');left:unset;right:0;}
@media(min-width: 481px){
 section:nth-of-type(2n+3) .container::before{left:2.5rem;}
 section:nth-child(3) .container::before,section:nth-child(4) .container::before,section:nth-child(5) .container::before,section:nth-child(6) .container::before,section:nth-child(7) .container::before,section#invitation-to-act .container::before{transform:translateX(-50%) scale(0.5);top:-5rem;}
}
@media(min-width: 769px){
 section:nth-of-type(2n+3) .container::before{}
 section:nth-child(3) .container::before,section:nth-child(4) .container::before,section:nth-child(5) .container::before,section:nth-child(6) .container::before,section:nth-child(7) .container::before,section#invitation-to-act .container::before{transform:translateX(-50%) scale(0.6); top:-4rem;}
}
.dark{position:relative; background:#0097FF; background:radial-gradient(circle at top left, #0093fb, #0063a9) no-repeat;background-size: 150% 150%;}
.dark::after, .light::after{content: '';position: absolute; top:-40vw; right:-40vw; bottom:0; left:20vw;background-image: url("/theme/connected-heart-large-motif.svg"); background-repeat:no-repeat; background-size: 150vw auto; opacity:0.08;z-index: 9999;pointer-events: none;}
.light{background:#068/*'.$colorBgService.'*/;background:radial-gradient(circle at top left, #0097FF, #0067AC) no-repeat;background-size: 130% 130%;}
.light::after{top:-40vw; right:0; bottom:0; left:-40vw;}
.light h4, .light h3, .light p{}
.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:#0067AC/*'.$colorBgFooter.'*/; background:radial-gradient(circle at top left, #00579a, #0067AC) no-repeat;background-size: 120% 120%; border-top:1px solid #0067ac;}
#legal{margin:3rem 5%;padding-top:3rem; border-top:1px solid #069/*'.$colorBorderFooter.'*/;}
#foot-menu{margin:3rem 5% 6rem 5%;}
#connected-heart-logo{position:absolute;top:0;left:0;z-index:9999;padding:0.8rem;}
div.section{margin: 1rem 0;}
@media(min-width: 481px){div.section{margin: 8rem 0;}}
.grid{display: grid; gap: 2rem;}
@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-radius: 0.5rem; border: 1px solid rgba(255,255,255,0.08);padding: 1.5rem;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.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%;}
.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:3.5rem;}}
@media (min-width: 1920px){.card, .process-step{padding:4.5rem;}}
.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:25rem;opacity:0.05;font-weight: bold;color: #fff;}
.card 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(128,255,128,0.05);border-radius: 0.5rem; border: 1px solid rgba(255,255,255,0.05);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: 700; 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;}
/* Icon placeholders */
.icon{width: 4.2rem;height: auto; border-radius: 0.25rem;margin-top:1rem;vertical-align:-5px; }
/* Related services */
.service-link{display: flex;justify-content: space-between;align-items: center;text-decoration: none; background:rgba(255,255,255,0.05); border:1px solid rgba(255,204,51,0.6); padding:3rem;}
.service-link:hover{background:#fca;color:#000;}
.service-link h3, .service-link p{color:#fca; 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);scroll-behavior:smooth;}/* < 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.6em; overflow-x:hidden;/* currently ems cause chrome bug misinterpreting rems on body element */line-height:1.5; font-weight:400;font-family: "asap", Asap, asap, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; background:#0067AC;}

/* 3 Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */
#proposition p, #proposition h2{text-align: center;}
#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;}
#proposition span{font-size:105%; background:transparent;margin: 8rem 0 0 0; padding:2rem 0;}
@media(min-width:481px){
 #proposition span, #invitation-to-act span, #subscribe span, #contact span, #testimonials span{padding:4rem 0 1rem 0;}
 #proposition p, #proposition h2{font-size:115%;}
 #proposition span{margin:16rem 0;padding:0;}
}
@media(min-width:769px){#proposition span{margin:24rem 0 0 0;}}
@media(min-width:1280px){#proposition span{margin:30rem -10rem 0 -10rem;}}
@media(min-width:1920px){#proposition span{margin:34rem -20rem 0 -20rem;}}

h1, h2, h3, h4, h5, h6{margin-top:0;margin-bottom:2rem; font-weight:bold; color:#fff; text-shadow:0 0 4rem #fff; font-style: italic;}
h1{font-size:3.6rem; line-height:1.2; text-align:center;color:/*'.$colorCopy1.'*/;}
h2{font-size:3.2rem; line-height:1.25; }
h3{font-size:2.4rem; line-height:1.3; margin-bottom:0;}
h4{font-size:1.8rem; line-height:1.35; text-transform:uppercase; margin-bottom:0;font-family: "asap", Asap, asap, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal;}
h5{font-size:1.8rem; line-height:1.5;}
h6{font-size:1.7rem; line-height:1.6; margin-bottom:0;}
@media(max-width:481px){h1,h2{font-size:2.8rem;}}
#legal p{font-size:1.2rem;margin:1.3rem 0;color:#ccc;}
footer li{list-style:none;}
blockquote{}
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:#fca/*'.$colorClick.'*/;}
a:hover{color:#000;background:#fca/*'.$colorClick.'*/; text-decoration:none;}
#hamburger{display:none;color:#fff;}
a#logo-footer:hover{background:none;}
a#connected-heart-logo{padding-left:1.5rem; text-decoration:none;border-top:0.5rem solid transparent;}
a#connected-heart-logo:hover{padding-bottom:0;background:rgba(0,0,0,0.4);}
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);}}
.choices, .plush{padding:0;margin:0 0 2rem 0;}
.choices li, .plush li{list-style: none; padding:0; margin:0;}
.choices a, .plush a{position: relative; background: rgba(0,0,0,0.1); text-decoration:none; display:block; padding:2rem 3rem 2rem 10rem; border: 1px solid #59d !important; border-width: 1px 1px 0 1px !important; overflow: hidden;}
.plush a{font-weight: 700; padding: 1rem 2rem 1rem 6rem;}
.choices li:last-child a, .plush li:last-child a{border-width:1px !important;}
.plush a::before, .choices a::before{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 8rem;height: 100%;background-image: url('/pics/healing/forest-therapy-space-medium.jpg'); background-size: 364px; background-position: 0px 0px;}
.plush a::before{width:4rem;background-image:url('/pics/healing/human-cast-agony-as-suffering-medium.jpg');}
.plush li:nth-of-type(2) a::before, .choices li:nth-of-type(2) a::before{background-position: center bottom;}
.plush li:nth-of-type(3) a::before, .choices li:nth-of-type(3) a::before{background-position: right center;}
.plush li:nth-of-type(4) a::before, .choices li:nth-of-type(4) a::before{background-position: center top;}
.plush li:nth-of-type(5) a::before, .choices li:nth-of-type(5) a::before{background-position: left bottom;}
.plush li:nth-of-type(6) a::before, .choices li:nth-of-type(6) a::before{background-position: right top;}
.plush a:hover, .choices a:hover,.choices a:hover h3{background-color: #eb9; color:#024;}
.choices li p, .choices li h3{margin:0; padding:0;}

/* 4b head menu */
#welcome-menu, #head-menu{position:absolute;top:0;left:0; width:100%;margin:0; padding:6.5rem 0 0 11.5rem; background:linear-gradient(to right, #0097ff, #0067ac); vertical-align:top;}
#welcome-menu{left:unset;right:0; background:none; pointer-events: none;}
@media(min-width:1020px){#head-menu, #welcome-menu{padding:7.8rem 0 0 12.5rem;}}/* > tablets & larger smartphones */
@media(min-width:1280px){#head-menu, #welcome-menu{padding:6.9rem 0 0 12.5rem;}}/* > smaller laptops, desktops & larger landscape tablets */
@media(min-width:1921px){#head-menu, #welcome-menu{padding:6.2rem 0 0 11.5rem;}} /* > normal desktop */
#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;margin-bottom:0;}
#welcome-menu ul li{float:right; pointer-events: auto;}
nav li a{color:#fff;padding:1.1rem 1.5rem 0 1.5rem; text-decoration:none; font-weight:700; 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.6rem 1rem 0 1rem;}
nav#foot-menu ul li ul a{font-weight:100;}
nav#foot-menu ul a:hover{background:rgba(0,0,0,0.2);}

@media (max-width:1020px){
 /* 4b head menu */
 #hamburger{display:block;right:0;top:-0.5rem;position:absolute;font-size:270%;text-decoration:none;z-index:999;padding:0 1rem;}
 #menu-background{position:absolute;top:0;left:0;width:100%;height:2rem;padding:5.5rem 0; display:block;background:linear-gradient(to right, #0097ff, #0067ac); }
 #welcome-menu,#head-menu{left:unset;right:0;padding:6rem 0 5rem 0; display:none; text-align:right;width:25rem;font-size:96%;}
 #welcome-menu{padding:2rem 0 0 0;}
 #welcome-menu{background: #222; margin-top:-7rem;}
 nav ul{background:#222;}
 nav#foot-menu > ul > li{margin-top:2rem;}
 nav li{float:none;padding:0;width:100%; border-top:1px solid #444;}
 nav#foot-menu li{border:none;}
 nav li:hover, nav li:focus-within{background:none;}
 nav li a{/*background:#333; */padding: 0.3rem 1.5rem;}
 nav ul li ul li a{color:#fca;}
 nav li ul li:first-of-type{margin-top:1rem;}
 nav ul li ul{position:relative; margin:0 !important; left:unset; width:100%; visibility:unset;display:block;opacity:1;background:none;}

 /* Accordion specific styles */
 nav li .dropdown-toggle {float: right;margin-left: 1rem;font-weight: bold;cursor: pointer;}
 /* Override the hover behavior on mobile */
 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: none; /* Override the display:block on hover */}
 /* Only make submenus visible when explicitly toggled by JS */
 nav ul li ul.dropdown.active {display: block;}
 /* Make parent items clickable as toggles */
 nav li > a {position: relative;z-index: 1;width: calc(100% - 40px); /* Make room for the toggle button */}
 /* Welcome menu positioning */
 #welcome-menu {position: absolute;transition: top 0.3s ease; /* Smooth transition when repositioning */}
 nav#foot-menu ul li:hover > ul, nav#foot-menu ul li:focus-within > ul, nav#foot-menu ul li ul:hover, nav#foot-menu ul li ul:focus {visibility: visible !important;opacity: 1 !important;display: block !important;}
 nav#foot-menu ul.dropdown {display: block !important;visibility: visible !important;opacity: 1 !important;}
}
/* 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:700; line-height:38px; letter-spacing:.05rem; text-transform:uppercase; text-decoration:none; white-space:nowrap; background-color:#fca/*'.$colorClick.'*/; border-radius:4px; border:0 solid #bbb; 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:#333/*'.$colorButtonFocus.'*/;border-color:#888;outline:0;}
.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:#fca/*'.$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:#fca/*'.$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;}

/* 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:600; 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:normal;}

/* 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:1rem;}

/* 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 #333/*'.$colorBorders.'*/;}
th, td{padding:0.5rem 1rem;text-align:left;border-radius: 0.5rem;background: #000;line-height:1.25; font-size: 85%; vertical-align: top;}
th{background:#333;}

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:100;}
.plan-price sub{display:block;font-weight:100;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: #fca;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;}
 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: 1.5rem solid #3cf; margin-left:0; color: #9ef; padding-left:1rem; font-size: 115%;font-style: italic}
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 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg-image{position:absolute; top:0;right: 0;bottom: 0;left: 0; background:#000;}
#proposition .bg-image{top: 8rem;}
.bg-image img{width:100%;height:100%; object-fit:cover;}
.bg-image::after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.6) 100%); pointer-events: none;}
#invitation-to-act .bg-image img{opacity:0.9;}
.fg-image{position:relative;}
.fg-image img{width:100%;height:auto;}
#logo-footer img{width:160px;height:auto;}
#connected-heart-logo img{width:100px;height:auto;margin:1rem;}
@media(max-width:1020px){
 #connected-heart-logo img{width:70px;height:auto;margin:1rem;}
 #logo-footer img{width:120px;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: 0;display: block;} /* Video wrapper styles for actual content */
.video iframe{border: 0;width: 100%;aspect-ratio: 16/9;height: auto;}
.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 Mermaid –––––––––––––––––––––––––––––––––––––––––––––––––– */
.mermaid{display:block;}

/* 17 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;}
.calculator .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: 100;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;}
.calculator label{display: block;margin-bottom:0;font-weight: bold; color:#fff;}
.calculator .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;}
.calculator .slider:hover{opacity: 1;}
.calculator .slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 25px;height: 25px;background: #fca;cursor: pointer; border-radius: 1.6rem;}
.calculator .slider::-moz-range-thumb{width: 25px;height: 25px;background: #fca;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:700;}
.calculator .service-row i{font-weight: 700;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;}
}
.training-offer{background:#00000066; padding:2rem 3rem; margin-bottom: 2rem; border:1px solid #ffffff;}
.training-offer .button{background:#fca; color:#000;}
.training-offer .highlight{background: #ffffff33;}

/* 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;}*/