@charset "UTF-8";
/***!  /templates/shaper_helixultimate/css/custom.css  !***/

:root {
  /* Website Colors */
  --pq-lt-teal: #21b1c7;
  --pq-md-teal: #007a90;
  --pq-md2-teal: #00a2bd;
  --pq-dk-teal: #0e5a67;
  --pq-indigo: #003768;
  --pq-white: #ffffff;
  --pq-lt-gray: #e8e7e7;
  --pq-md-gray: #b8b7b7;
  --pq-dk-gray: #a8a7a7;
  --pq-dkr-gray: #585757;
  --pq-black: #000000;
  --pq-scrollup: #0e5a67b3;
  --pq-scrollup-hover: #0e5a67e6;
  --pq-img1-bg: url(https://pqtrainingandcoaching.com/images/2025/03/26/website-background.webp);
  
  /* Font Clamp Sizes */
  --xs-font: clamp(0.7407rem, 0.7072rem + 0.134vw, 1.125rem);
  --sm-font: clamp(0.8333rem, 0.7785rem + 0.2193vw, 1.25rem);
  --reg-font: clamp(1.1rem, 0.8553rem + 0.3289vw, 1.5rem);
  --lg-font: clamp(1.0547rem, 0.9375rem + 0.4688vw, 1.5rem);
  --xl-font: clamp(1.1865rem, 1.0251rem + 0.6458vw, 1.8rem);
  --2xl-font: clamp(1.3348rem, 1.1177rem + 0.8686vw, 2.16rem);
  --3xl-font: clamp(1.5017rem, 1.2148rem + 1.1477vw, 2.592rem);
  --4xl-font: clamp(1.6894rem, 1.3155rem + 1.4958vw, 3.1104rem);
  --menu-font: clamp(.75rem, 0.8553rem + 0.3289vw, 1.5rem);

  --gradient: linear-gradient(45deg, #fe8e3c, #f9f871);

  --website-top-padding: 90px;
  --tablet-top-padding: 70px;
  --mobile-top-padding: 70px;
}

html {
  scroll-padding-top: var(--website-top-padding);
}

.pq-min-page-height {
  min-height: 70dvh;
}

.com-sppagebuilder #sp-main-body {
  padding: 90px 0px 0px 0px;
}

@media (max-width: 767px) {
  .com-sppagebuilder #sp-main-body {
    padding: 0px 0px 0px 0px;
  }
  html {
    scroll-padding-top: var(--mobile-top-padding);
  }
}
.color-changing-header * {
  background-image: var(--gradient);
   -webkit-background-clip: text;
/*    -moz-background-clip: text;*/
  background-clip: text;
  color: transparent;
  display: inline-block;
  background-size: 500%;
 animation: bg-animation 5s infinite alternate;
}

@keyframes bg-animation {
  0% {background-position: left}
  50% {background-position: right}
  100% {background-position: left}
}

#sp-header {
  background: var(--pq-lt-teal);
  height: var(--website-top-padding);
}

#sp-header .logo {
  height: calc(var(--website-top-padding) - 10px);
}
#sp-header {
    position: absolute;
    top: 0px;
}
#sp-header.header-sticky {
    top: 0px;
}

@media (max-width: 992px) {
  .logo-image-phone {
    height: calc(var(--mobile-top-padding) - 10px)!important;
  }
}
@media (max-width: 767px) {
  #sp-header {
    height: var(--mobile-top-padding);
  }
  #sp-header .logo {
    height: calc(var(--mobile-top-padding) - 10px)!important;
  }
  #sp-logo {
    padding: 0px;
  }
  #sp-page-builder .page-content .sppb-section:not(div.sppb-section):first-child {
    margin-top: calc(var(--website-top-padding) - 20px);
  }
  .pq-mobile-img-width img {
    width: 70%;
  }
  .pq-heading-panel-width .sppb-row-container {
    max-width: 99%;
  }
}
/* Menu Settings */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  display: inline-block;
  padding: 0 8px;
  margin: 0;
  font-size: var(--menu-font);
  color: var(--pq-indigo);
  line-height: 60px;
  font-weight: 300;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent > li:hover > a {
  color: var(--pq-white);
  font-weight: 300;
}

.burger-icon > span {
    background-color: var(--pq-white);
}

/* Offcanvas Settings */
.logo-image {
  height: auto;
}
.logo img {
  display: block;
  max-width: 100%;
  height: auto;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, 
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-weight: 900;
}

.offcanvas-menu .offcanvas-inner a,
.offcanvas-menu .offcanvas-inner ul.menu > li a,
.offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: var(--pq-black);
  padding-left: 10px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu > li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li span:focus,
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: var(--pq-white);
  background: var(--pq-indigo);
  padding-left: 10px;
  opacity: 1;
}

/* Web Panel Settings */
.pq-md-teal-panel {
  background: var(--pq-md-teal);
}

.pq-md2-teal-panel {
  background: var(--pq-md2-teal);
}

.pq-dk-teal-panel {
  background: var(--pq-dk-teal);
}

.pq-lt-gray-panel {
  background: var(--pq-lt-gray);
}

.pq-white-panel {
  background: var(--pq-white);
}

.pq-img1-panel {
  background-image: var(--pq-img1-bg);
  background-repeat: both;
  background-size: 60%;
  background-attachment: scroll;
  background-position: 50% 0;
  box-shadow: none;
}

.pq-logo-background {
  background-image: url(https://pqtrainingandcoaching.com/images/2025/04/08/positive-intelligence-logo-alpha.webp);
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0 0;
  background-size: 20dvw;
  mix-blend-mode: darken;
}

/* Font and Block Element Settings */
h1, h1 span,
h2, h2 span,
h3, h3 span,
h4, h4 span,
h5, h5 span,
h6, h6 span {
  font-family: 'Open Sans', sans-serif;
  text-wrap: balance;
  line-height: 1.2em;
  color: inherit;
}
h1 {font-size: var(--4xl-font);}

h2 {font-size: var(--3xl-font);}

h3 {font-size: var(--2xl-font);}

h4 {font-size: var(--xl-font);}

h5 {font-size: var(--lg-font);}

h6 {font-size: var(--lg-font);}

.pq-lg-header * {font-size: var(--4xl-font);}

.pq-lg-header sup {
  font-size: var(--lg-font);
  top: -1em;
}

a, p, span, div, label, ul, li, .btn {
  font-family: 'Poppins', san-serif;
  font-size: var(--reg-font);
  line-height: 1.2em;
  font-weight: 300;
}

p, span, div {
  color: var(--pq-black);
}

b, strong {
  font-weight: 500;
}

a {
  color: var(--pq-md2-teal);
}

a:hover,
a:focus,
a:focus-within {
  color: var(--pq-md-teal);
}

.pq-black-link a {
  color: var(--pq-black);
  opacity: .8;
}

.pq-black-link a:hover,
.pq-black-link a:focus,
.pq-black-link a:focus-within {
  color: var(--pq-black);
  opacity: 1;
}

a:has(img),
li a {
  opacity: 1;
}

.pq-animated-links {
  text-decoration: none;
  color: #00a2bd;
  background-image: linear-gradient(90deg, var(--pq-md-teal), var(--pq-md-teal));
  background-size: 0% 2px;
  background-position: left 1.3em;
  background-repeat: no-repeat;
  padding-block-end: 0.25em;
  transition: color 500ms, background-size 500ms;
}

.pq-animated-links:hover,
.pq-animated-links:focus,
.pq-animated-links:focus-within {
  color: var(--pq-md-teal);
  background-size: 100% 2px;
}

.pq-font-dk-teal * {
  color: var(--pq-dk-teal);
}

.pq-font-white *,
.pq-font-white {
  color: var(--pq-white);
}

.pq-lt-bold-header * {
  font-weight: 400;
}

.pq-semi-bold-header * {
  font-weight: 600;
}

.pq-bold-header * {
  font-weight: 700;
}

.pq-ex-bold-header * {
  font-weight: 800;
}

.pq-emphasis-text *,
.pq-footer-font * {
  font-size: var(--sm-font);
  font-weight: 400;
}

.pq-kevin-signature * {
  font-size: var(--xl-font);
  font-family: Yellowtail;
}

.pq-white-shadow {
  text-shadow: 0px 0px 10px rgb(255,255,255,.8);
}

.pq-no-shadow {
  text-shadow: none;
}

.more-detail-btn {
  border: 1px solid #ffffff;
}

.pq-form-styling {
  padding: 10px;
  border: 1px solid var(--pq-md-gray);
  box-shadow: 5px 5px 10px 0px var(--pq-dk-gray);
}

.sp-scroll-up {
  background: var(--pq-scrollup);
}

.sp-scroll-up:hover,
.sp-scroll-up:focus,
.sp-scroll-up:focus-within {
  background: var(--pq-scrollup-hover);
  outline: 1px solid var(--pq-white);
}

.sp-scroll-up span {
  color: var(--pq-white);
}


/* RS Form Styling */
.rsform p {
  font-weight: 400;
}

.btn-primary,
.rsform-submit-button,
.rsform-thankyou-button {
  border-color: var(--pq-md2-teal);
  background-color: var(--pq-md2-teal);
  color: var(--pq-white);
  font-weight: 400;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus-within {
  border-color: var(--pq-md-teal);
  background-color: var(--pq-md-teal);
}

.btn-primary,
.form-control {
  border-radius: 0px;
}

@media (max-width: 1400px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
      font-size: calc(var(--menu-font) * .9);
  }
}
